@media only screen and (min-width: 768px) {

}
@media only screen and (min-width: 1400px) {

}
@media only screen and (min-width: 1600px) {

}

@media only screen and (min-width: 1250px) {
	/*.container{width: 1200px;}*/
}
/*ipad - both*/
@media (min-width: 768px) and (max-width: 1023px){
	.cardsFace h1{font-size: 1.3rem}
	.container{ width: 100% } 

} 
/*ipad - landscape*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){


}
/*ipad - portrait*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait), only screen and (min-width: 768px) and (max-width: 900px){

}

@media (min-width: 900px){	
}

@media (min-width: 768px) {
.v-mob{display: none;}
.bannerdiv .bnrImg{margin-bottom: 30px;}
.bannerdiv .OptimizeTxt{padding: 0}
.OptimizeTxt .heading br, .OptimizeTxt .subheading br{display: none;}
.heading{padding-bottom: 10px;}
.OptimizeTxt .subheading{padding-bottom: 20px;}
.benefitz{padding: 40px 0;}
.benefitz .subheading {display: inline-block; width: 30%; vertical-align: middle;color: #061e82;font-size: 21px;padding-right: 20px;}
.benefitz  #benCarousel {display: inline-block; width: 68%; vertical-align: middle;}
#benCarousel .benBox{min-height: 195px}
.switchcontent{padding-bottom: 30px;}
.switchcontent .heading br{display: block;}
.switchcontent .heading{margin-bottom: 30px;padding-bottom: 0;line-height: 22px;}
.featureTabs{width: 80%; margin: 20px auto;}
.featureTabs li button img,.featureTabs li button p{display: inline-block;vertical-align: middle;}
.featureTabs .nav-link img{margin-right: 10px;margin-bottom: 0;}
.orderlist br{display: none;}
.whatslist .orderlist br{display: block;}
.faqContent .faq .hidden-content{font-size: 13px;}
}

@media (max-width: 1200px){
	
}

/*all mobiles & small tabs*/
@media (max-width: 767px){
	.bannerdiv > .container{padding: 0;}
	.v-desk{display: none;}
	.v-mob{display: block;}
	.benBox{min-height: 160px}

}

@media (max-width: 580px){
	.subheading{line-height: 20px;}
	.ft21banner1{ padding-top: 30px; background: url(../resources/images/banner_mobile1.jpg) no-repeat top center;
  background-size: auto; width: 100%; height: 280px; }
  .gifImg img{width: 190px;}
}

@media (max-width: 520px){
#benCarousel .listt{display: initial;}
#benCarousel .listt .benBox{width: 40%;display: inline-block;vertical-align: top;min-height: 220px;margin: 10px 10px;}
}

@media (max-width: 480px){
	.videoImg .vImg{width: 100%;}
	.mainBnr .bannerdiv img{width: 100%;}
	.switchcontent .firstswitch, .switchcontent .secondswitch{width: 25%;}
	.benBox{min-height: 210px}
	.benBox p{font-size: 12px;}
	.featureTabs li{}
}

@media (max-width: 430px){
	.featureTabs li{width: 40%;margin-right: 15px;margin-bottom: 10px;}
	.featureTabs li:nth-child(2){margin-right: 0;}
}

@media (max-width: 400px){
	#benCarousel .listt .benBox{width: 100%;min-height: auto;}
}