/* Large Mode */
@media only screen and (min-width: 1200px) {
	
	
	
}


/* Desktop Modes */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	
	#section11 {
		    background-position: center center;
	}
	
	.content-div {
    padding: 0 18%;
	}
	
		
}

@media (min-width: 768px) and (max-width: 959px) {
	
	.blockRight {
		left: 34%;
	}
	
	.blockLeft {
		margin-right: 30%;
	}
	
	#section11 {
		background-position: center top;
		background-repeat: no-repeat;
	}
	
	.content-div {
		padding: 0 13%;
	}
	
}


@media (min-width: 768px) {
	#section6 .logos, #section3 .logos {
		width: 25%;
	}
	#slide6-3 {
		display: none;
	}
	#section6 .fp-next {
		display: none !important;
	}
}
/* Mobile Modes */
@media (max-width: 767px) {
	
	.hidden-mb {
		display: inline-block !important;
	}
	 
}

/* Promo Showcase */
@media only screen and (min-width: 481px) and (max-width: 767px) {
	
	.blockLeft {
		    margin: 0 auto;
		    box-sizing: border-box;
		    float: none;
	}

	.blockRight {
		left: initial;
		margin: 0 auto;
	    box-sizing: border-box;
	    float: none;
	}
	
}



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

	#fullpage { padding-left: 0px !important; padding-right: 0px !important;}
	
	#headerWhite {
		display: none;
	}
	
	#footer {
		display: none;
	}

	#section11{ background-image: url(img/bg11-phone.jpg); background-position: left center;}
	
	.contact-heading {
		margin-top: 30px;
	}
	
	.minus-heading {
		margin-top: -25px;
	}
	
	.content-div {
		padding: 0 40px;
	}

	
	#box {
		background-size: contain;
		margin: 0 auto;
    	width: 250px;
	}
	
	.blockLeft {
		 float: none;
		 height: 100%;		
		 padding: 0;
		 width: 100%;
		 margin-top: 230px;	
		 left: auto;	 
	 }
	 
	 .blockRight {		
		padding: 0;
		width: 100%;
		margin-top: 230px;
		height: 100%;
		left: auto;
	}
	
	.blockTxt {
		width: 100%;
		padding: 0 10px;	
	}
	
	
	
	#section1 .fp-tableCell {
    	padding: 30px;
	}
	
	h1 {
 	 font-size: 1.4em;
	 margin-bottom: 10px; 
 	}

	h2 {
	  font-size: 1.2em; 
	  }
	
	h3 {
	  font-size: 1em; 
	  }
	
	h4 {
	  font-size: 0.9em; 
	  }
	
	h5 {
	  font-size: 0.8em; 
	}
	
	h6 {
	  font-size: 0.8em; 
	}
	
	p, ul {
	  font-size:1em; 
	 }	 
	 
	 #section2, #slide3-1, #slide4-1, #slide5-1, #slide6-1, #slide7-1, section11 {
		 background-repeat: no-repeat;
    	 background-size: 100% 200px;
	 }	 
	 
	 .archer {
		 margin: 20px 0;
	 }
	 
	 .archer a {
		 font-size: 1em;
	 }
	 
	 #section8, #section9 {
		 padding-left: 0;
	 }
	 
	 #section8 .fp-tableCell {
    	padding-top: 40px;
	}
	
	.contact {
		width: 100%;
		padding: 0;
	}
	
	.contactTxt {
		display: block;
		height: auto;
		padding: 90px 20px 20px;
		width: auto;
	}
	
	#section10 p {	
    	font-size: 0.9em;   
    	margin-bottom: 5px;
		line-height: 1.2em;
	}
	
	#section5 p {
		font-size: 1em;
		margin: 10px 0;
	}
	
	#section10 .fp-tableCell {
		padding-top: 30px;
	}
	
	#section9 .fp-tableCell {
		 padding-top: 40px;
	}
	
	.colLeft, .colRight {
		width: 100%;
		min-width: inherit;
		margin: 0;
	}
	
	
	#slide7-2 .colLeft {
		margin-top: 65px;
	}
	
	#section7 h1.heading-title {
		font-size: 1em;
		margin-top: 20px;
		
	}
	
	#section4 h1.heading-title {
		font-size: 1em;		
	}
	
	#section7 .inner-div p {
    	font-size: 1em;
	}
	
	#slide4-2 p {
		font-size: 1em;
		margin-bottom: 5px;
	}
	
	#slide7-4 {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	
	#slide5-2 h1 {
		font-size: 1em;
	}
	
	#section5 .content-div {
		padding: 0 40px;
	}
	
	
	.logoTxt {
		padding: 40% 10% 0 10%;
		font-size: 0.8em;
	}
	
	#menu {
		width: 60px;
		height: 43px;
		padding-top: 12px;
		top: 0;
		left: 0;
	}
	
	#menuList {
		top: 0;
		left: 0;
	}
	
	
 }


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 	
	/* iPhone STYLES GO HERE */
	
	.minus-heading {
		  margin-top: 0;
	  }
	
	#menuList {
		 width: auto;
	}
	
	.blockLeft {		
		 margin-top: 460px;		 
	 }
	 
	 .blockRight {		
		
		margin-top: 460px;		
	}
	
	
	#slide5-2 .colLeft {
		margin-top: -60px;
	}
	
	
	#section9 .fp-tableCell, #section8 .fp-tableCell {
		 padding-top: 0;
	}
	
	#section9 .fp-tableCell .inner-div:first-child, #section8 .fp-tableCell .inner-div:first-child {
		padding-top: 0;
	}
	
	#header h1 {
		margin: 20px 0 0 0;
	}


}



/* Glaxy phone's Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) 
  {
	  
	  .minus-heading {
		  margin-top: 0;
	  }
	  
	  .blockLeft {		
		 margin-top: 460px;		 
	 }
	 
	 .blockRight {		
		
		margin-top: 460px;		
	}
	  
	  

  }


@media only screen and (max-width: 320px) {
	
	#menu {
		width: 50px;
		height: 37px;
		padding-top: 5px;
		top: 0;
		left: 0;
	}
	
	.minus-heading {
		margin-top: 0;
	}
	
	.blockLeft {		
		 margin-top: 460px;		 
	 }
	 
	 .blockRight {		
		
		margin-top: 460px;		
	}
	
	.section .fp-tableCell .content-div {    	
	}

	#box {
		background-size: contain;
		margin: 0 auto;
    	width: 200px;
	}
	
	
	#slide5-2 h1 {
		font-size: 1em; 
	}
	
	h1 {
 	 font-size: 1em; 
	 margin-bottom: 5px;
 	}

	h2 {
	  font-size: 0.8em; 
	  }
	
	h3 {
	  font-size: 0.7em; 
	  }
	
	h4 {
	  font-size: 0.7em; 
	  }
	
	h5 {
	  font-size: 0.7em; 
	}
	
	h6 {
	  font-size: 0.7em; 
	}
	
	p, ul, #section5 p, #section7 .inner-div p, #slide4-2 p {
	  font-size: 0.9em; 
	  margin: 5px 0;
	  line-height: 18px;
	 }
	 
	 .archer a {
		 font-size: 0.8em;
	 }
	 
	 #header h1 {
		margin: 15px 0 0 0;
	}
	
	li {
		font-size: 0.8em;
		line-height: 15px;
	}
	 
	
}
@media (orientation:landscape) and (max-width: 768px) {
	#box {
		background-size: 42%;
		margin-top: 20px;
	}
	.content-div {
		padding: 0 4%;
	}
	.blockLeft,
	.blockRight {
		padding: 25px;
		width: 500px;
		margin-top: 0;
	}
	.blockTxt {
	    width: 450px;
	}
	#section10 p, p, ul {
	    font-size: 1em;
	    line-height: 1.1em;
	}
	ul {
		column-count: 2;
	}
	h1 {
		font-size: 1.3em;
	}
	.archer {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#header h1 {
		margin-top: 27px;
	}
}