/* Desktop Monitor Screen */

@media only screen and (max-width : 1366px) {
        .h1, .h2, .h3, h1, h2, h3 {
	        margin-top: 0;
        }

        #intro .options {
	        margin: 0;
        }

        #intro .options li {
	        margin: 10px auto 0;
	        padding: 0 1%;
        }

        #content .section {
	        padding-top: 30px;
	        padding-bottom: 20px;
        }

        table tr td {
                padding: 0 0 10px 10px;
        }
}

/* Medium Screens (Tablets - Landscape) */

@media only screen and (max-width : 1225px) {
        .h1, .h2, .h3, h1, h2, h3 {
	        margin-bottom: 10px;
        }

	.section {
		max-width: 970px;
	}

	ul li, p {
                margin-bottom: 10px;
        }

        table tr td img {
                margin: 0 !important;
        }

	#header .logo {
		width: 475px;
		margin-top: 17px;
	}
	
	#navigation ul li a {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#slider .slides .owl-dots {
		bottom: 18px;
	}
        #footer .top .section {
	        padding-top: 20px;
	        padding-bottom: 20px;
        }

        #memberStrip .menulinks {
               padding-left: 0;
        }

        #memberStrip .menulinks li {
               margin-bottom: 0;
        }
}

@media only screen and (max-width : 1024px) {
        table:not('#loginform') {
                width: unset !important;
        }
     
        p:empty {
               display: none;
        }

}

/* Small Screens  (Tablets - Portrait ) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
	}
	
	#header .section {
		height: 100px;
	}
	
	#header .logo {
		width: 350px;
		margin-top: 18px;
	}
	
	#header .login {
		width: 390px;
	}
	
	#header .login .textbox {
		width: 127px;
	}
	
	#header .login .loginBtn {
		width: 122px;
		font-size: 19px;
	}
	
	#navigation ul li {
		font-size: 17.5px;
	}
	
	#navigation ul li a,
	#navigation ul li ul li a {
		padding-left: 11px;
		padding-right: 11px;
	}
	
	#intro .options li {
		font-size: 28px;
		width: 50%;
	}
	
	#intro .options li a img {
		height: 50px;
	}
	
	#content .section {
		padding-top: 35px;
		padding-bottom: 35px;
	}
		
        #content .section > p img {
               width: 60%;
               height: 350px;
               margin: 0 auto !important;
               display: block;
               float: none !important;
        }

        .table-holder ~ h1 img,
        .table-holder ~ h2 img,
        .table-holder ~ p img {
              display: none !important;
        }

        #memberStrip h2 {
	        display: inline-block;
                width: 50%;
        }

        #memberStrip #username {
                float: right;
        }

}

@media only screen and (max-width : 800px) {
        #content .section {
	        padding: 15px 0;
        }

        #intro .options {
                margin: 0;
        }

        #intro .options li a {
	        min-height: 160px;
	        padding: 20px 0;
        }
 
        .table-holder:first-of-type table tr td {
                width: calc(33.33% - 3px);
                display: inline-block;
        }

        .table-holder:first-of-type table tr td a,
        .table-holder:first-of-type table tr td a img {
               width: 100%;
               display: block;
        }

        .recipes .table-holder table,
        .recipes .table-holder table tbody,
        .recipes .table-holder table tbody tr {
              display: block;
              width: 100%;
        }
}

/* Extra Small Screens (Mobiles) */
@media only screen and (max-width : 767px) {
	.section {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#menuBtn {
		display: block;
	}
	
	#header .section {
		height: auto;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	#header .logo {
		float: none;
		width: 280px;
		margin: 0 auto;
	}
		
	#header .login {
		float: none;
		width: auto;
		margin-top: 12px;
	}
	
	#header .login .textbox {
		float: none;
		width: 100%;
		margin-bottom: 8px;
	}
	
	#header .login .loginBtn {
		float: none;
		width: 100%;
	}
	
	#topBar .contact {
		float: none;
	}
	
	#topBar .contact li {
		float: none;
		margin-left: 0;
		text-align: right;
	}
	
	#navigation {
		display: none;
	}
	
	#slider .slides .owl-dots {
		bottom: 4px;
	}
	
	#intro h2,
        #intro .tagLine {
		margin-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}
		
	#intro .options li {
		font-size: 18px;
	}
	
	#intro .options li a img {
		height: 40px;
	}
	
	#intro .options li a {
		padding-top: 22px;
		padding-bottom: 22px;
		min-height: 133px;
	}
		
	#content .section {
		padding: 20px 10px;
	}
	
	#footer .top .logo {
		width: 280px;
		margin-bottom: 15px;
	}
	
	#footer .top .contact li {
		float: none;
		display: block;
		border-left: 0;
		margin-top: 12px;
		line-height: 1.2;
		height: auto;
	}

        .camera_thumbs_cont > div {
               overflow-y: auto;
        }

        #memberNavi .section {
               padding: 5px 10px;
        }

        #memberStrip h2 {
              font-size: 26px;
        }

        #memberStrip .menulinks li:first-of-type a {
              font-size: 16px;
        }

        #memberStrip #username {
              padding: 0;
        }

}

@media only screen and (max-width : 655px) {
        #ContactText p img {
               width: 100%;
               height: 240px;
               margin: 0 !important;
               float: none !important;
               display: block;
        }

        #memberStrip h2 {
              width: 40%;
              font-size: 25px;
        }

}

@media only screen and (max-width : 600px) {
        h1 {
               font-size: 32px;
        }

        h2 {
               font-size: 28px;
        }

        #intro .options li {
	       width: 100%;
               padding: 0;
        }

        #ContactText p br:first-child {
               display: none; 
        }

        .table-holder:first-of-type table tr td {
	        width: calc(50% - 4px);
                padding-left: 0;
        }

}

@media only screen and (max-width : 568px) {
        #memberNavi .section,
        #content .section {
	       padding: 10px 15px;
        }

        #footer .top .section {
	       padding: 15px 0;
        }

        #memberStrip h2 {
	       width: 100%;
	       display: block;
	       text-align: center;
        }
    
        #memberStrip #username {
	       float: left;
               width: 50%;
        }

        #memberStrip .menulinks {
               float: right; 
               width: 50%;
        }

}

@media only screen and (max-width : 480px) {
        ul {
               padding-left: 20px;
        }

         #header .section {
	       padding: 10px;
        }

        #intro h1 {
	       font-size: 26px;
               padding: 0 10px;
        }

        #intro p.tagLine {
               padding: 0 10px;
               margin-bottom: 0;
        }

        #content .section #intro a img {
	       width: unset;
	       margin: 0 auto !important;
        }
     
        #content .section a img {
               width: 100%;
               display: block;
               margin: 0!important;
        }

         #content .section > p img {
               width: 100%;
               height: 300px;
        }

        #footer .top .contact li {
	       margin-top: 5px;
        }

        #footer .top .logo {
	       margin-bottom: 0px;
        }

        #ContactForm {
               max-width: 100%;
        }

         #ContactForm .btn-default {
              width: 100%;
              display: block;
        }

        .table-holder table tr td {
              padding-bottom: 5px;
        }

        .table-holder table tr td a img {
               width: unset !important;
        }

        .who-we-are p br {
              display: none;
        }

        .our-philosophy .table-holder table tr td {
              display: block;
              width: 100%;
              padding: 0;
        }

        .our-philosophy .table-holder table tr td img {
              width : 100%;
              margin-bottom: 5px !important;
        }
}

@media only screen and (max-width : 420px) {
        h1 {
              font-size: 26px;
        }

        h2 {
	       font-size: 24px;
        }

        ul li {
	       margin-bottom: 5px;
        }

}

@media only screen and (max-width : 360px) {
        #intro h1 {
              font-size: 30px;
        }

        table tbody tr td strong span {
              font-size: 16px !important;
        }
       
        #ContactText p {
              margin-bottom: 5px;
        }

        #mainWrapper {
               min-width: 100%;
        }

        #header .logo,
        #footer .top .logo { 
               width: 100%;
               padding: 0 15px;
        }

        #memberStrip h2 {
              font-size: 20px;
        }

        #memberStrip #username {
              margin-bottom: 5px;
        }

        #memberStrip #username,
        #memberStrip .menulinks {
               width: 100%;
               display: block;
               text-align: center;
               float: none; 
        }

        #memberStrip .menulinks li {
               width: calc(50% - 2px);
               display: inline-block;
               font-size: 15px;
       }

       #memberStrip .menulinks li:first-of-type {
               text-align: left;
               white-space: nowrap;
       }

       #loginform tr td {
              padding: 0 0 10px 0;
       }

       #loginform tr td:first-of-type {
              padding-right: 5px;
       }

       .table-holder:first-of-type table tr td,
       .table-holder:first-of-type table tr td a img {
	      width: 100% !important;
	      display: block !important;
       }
}

@media only screen and (max-width : 320px) {}