@charset "utf-8";
/* CSS Document */

@media (max-width:1280px){
	.container{width:96%; padding:0 2%;}
	
	}


@media (max-width:1024px){
	.adv-box-one{width: 46%;}
	.adv-txt{width: 340px;}
	.adv-img{width: 90px;}
	.whats-box-two{width: 375px}
	.whats-buis-one{width: 307px}
	.whats-noti{padding: 50px 0 0 0 !important;}
	.condt-one{width: 130px;}
}
	
@media (max-width:768px){
	.tab_form{width: 80%;}
	.tab_form .form{width: 80%}
	.adv-box-one{float: none; width: 98%; }
	.adv-box-two{margin-top: 40px}
	.whats-box-two{text-align: center; float: none; width: 100%; padding: 5px 0 30px 0;}
	.whats-box-one{width: 100%; float: none}
	.whats-box-one ul li{text-align: left}
	.whats-box-one ul li br{display: none}
	.whats-noti h2{text-align: center;padding-bottom: 10px;}
	.whats-noti-one{padding-top: 20px;width: 100%;float: none;}
	.whats-noti-two{float: none;text-align: center; padding-top: 40px}
	.whats-noti-box-two .whats-noti-two{float: none}
	.whats-noti-box-two .whats-noti-one{float: none;
    width: 100%;}
	.div-bor{display: block}
	.whats-noti-box-two {padding-top: 0px;}
	.whats-buis-one{width: 80%;margin: auto;float: none;}
	.whats-buis-one:nth-child(3){margin:40px auto;}
	.whats-business{background-repeat: repeat-y}
	.condt-one {width: 80px;}
	.opt-mandt-txt{padding-top: 0;width: 63%;}
	.demo-txt br{display: none}
	}
@media (max-width:767px){
	.adv-txt{width: 80%}
	.adv-txt br{display: none;}
	.adv-img{width: 100px}
	.whats-box-one{width: 100%; float: none;}
	.whats-box-one ul li{text-align: left}
	.whats-box-one ul li br{display: none}
	.adv p br{display: none}
	.condt-one{padding-left: 40px; width: 160px;}
	.what-mob-opt{display: block}
	.mob-padd110{padding-left: 110px}
	.opt-mandt-txt{float: none; width: 100%; text-align: center}
	.opt-mandt-butt {float: none; margin:20px auto 0}
	.demo-txt{text-align: center}
	.demo-butt{margin: auto}
	.vf_logo{float: none; text-align: center}
	.footer-right{text-align: center;float: none; padding-top: 20px}
	.ft_copy{text-align: center}
	}
@media (max-width:480px){
	.adv-img{float: none; width: 100%; text-align: center}
	.adv-txt{float: none; width: 100%; text-align: center;padding: 15px 0 0 0px;}
	.why-wht h2,.whats-noti h2, .whats-business h2, .wht-opt h2, .header h1{font-size: 38px;}
	.opt-mandt-txt{line-height: 34px;}
	.wht-opt p{line-height: 24px}
	.condt-one{width: 180px;}
	.what-mob-opt{display: none}
	.condt-one:nth-child(2){clear: right}
	.condt-one:nth-child(3){padding-left: 0; margin-top: 40px}
	.mob-padd110{padding-left: 40px; margin-top: 40px}
	.condt-one:nth-child(6){margin-top: 40px; padding-left: 110px}
	
}
@media (max-width:414px){
	.mob-none{display: none}
	.mob_remove{display: none}
	.desk-none{display: block}
	.logo_img{width: 180px}
	.top_button{width: 95px;}
	.whatsapp{width: 40px;}
	.call{width: 40px}
	.header{background: none}
	.tab_form {width: 90%}
	.tab_form .form{width: 90%}
	.header h2{line-height: 28px}
	.adv p{font-size: 20px; line-height: 28px;padding-bottom: 45px;}
	.adv-box-one{box-sizing: border-box}
	.whats-noti-two img, .whats-noti-one img{width: 70%}
	.adv-box-one{margin: auto}
	.adv-box-two{ margin: 30px auto auto auto}
	.whats-noti{text-align: center}
	.whats-noti-one .noti-tit{font-size: 16px}
	.why-wht{padding: 30px 0 5px 0;}
	.whats-noti{padding: 30px 0 0 0 !important;}
	.whats-business{padding: 30px 0;}
	.whats-buis-one:nth-child(3){margin: 30px auto}
	.wht-opt{padding: 30px 0 40px 0;}
	.why-wht h2,.whats-noti h2, .whats-business h2, .wht-opt h2, .header h1{font-size: 32px;}
	.whats-buis-img img{width: 70%}
	.condt-one{width: 150px;}
	.opt-mandt{padding: 30px 5px}
	.demo-bg{padding: 30px 0;}
	.demo-txt{font-size: 20px;}
	.demo-bg{background: url(../images/pep.png) no-repeat 100% 93%; background-size: 40%;}
	.condt{padding: 40px 20px 40px 20px}
	.f-con{line-height: 23px}
	.f-con a{display: block}
	.f-con span{display: none}
	.opt-mandt-txt{font-size: 24px;}
	.condt-txt{font-size: 15px}
	.whats-buis-one{width: 90%;}
	.condt-img img{width: 50%}
}
@media (max-width:375px){
	.tab_form{width: 98%;}
	.condt-one{width: 130px;}
	.condt-one:nth-child(6){padding-left: 90px;}
}

@media (max-width:320px){
	.form-top img{width: 90%}
	.submit_icon:after{right: 75px;}
	.condt-one{float: none;margin: auto;}
	.condt-one:nth-child(1),.condt-one:nth-child(2),.condt-one:nth-child(3), .condt-one:nth-child(4),.condt-one:nth-child(5),.condt-one:nth-child(6){padding: 0; margin-top: 30px;}
}