/********** Responsive **********/
@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1599px){
	.baner .imgwrp img.bnrimg{width: 90%;}
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1399px){
	.header ul{padding: 30px 0 0 0}
	.baner{padding: 220px 0 190px}
	.baner .txt h1{padding: 10px 0 20px}
	.baner .txt p{padding: 0 0 10px}
    .baner .imgwrp img.bnrimg {width: 70%; }
    .slide:before,.slide:after {top: 620px;height: 530px;width: 250px;}
    .meet img {width: 50%; }
    .meet .dwnsec h4 {padding: 90px 0 30px 0; }
    .main-heading{font-size: 40px}
    .baner .txt p{font-size: 18px}
    p{font-size: 18px}

}
@media only screen and (max-width:1380px){
	.feture .container.bgclr:before{height:430px;}
	.baner .imgwrp img {width: 65%;}
}
@media only screen and (max-width:1280px){
}
@media only screen and (max-width:1190px){
}
@media only screen and (max-width:1199px){
	.mb100{margin-bottom: 60px}
}
@media screen and (max-width:1024px){
	.header ul li{padding:0 0 0 10px;}
	.header ul li a.manbutn{padding:10px 20px;}
	.feture h3{padding:20px 0 50px;}
	.feture .container.bgclr:before{height:360px;}
	.sec-pad{padding:50px 0;}
	.feture .txtwrp h4{font-size: 22px}
	.feture .txtwrp p {font-size: 18px}
	footer:after {width: 350px; height: 300px; top: -150px; background-size: cover;}
}
@media screen and (max-width:992px){
	.wow{animation-name:none!important;visibility:visible!important;}
	.header ul li a{font:normal normal normal 16px / 24px Roboto;}
	.header ul li a.manbutn{padding:6px 10px;}
	.main-heading{font:normal normal bold 40px / 50px Roboto;}
	.about h2{padding:10px 0;}
	.about p{padding:20px 0;}
	.feture .container.bgclr:before{top:210px;height:300px;}
	.feture .txtwrp p{font:normal normal normal 16px / 22px Roboto;}
	.feture .txtwrp h4{padding:10px 0;font:normal normal bold 20px / 27px Roboto;}
	.feture .txtwrp{padding:0 0 0 20px;}
	.feture .txtwrp.rght{padding:0 20px 0 0;}
	.slide h3{font-size:30px;padding:10px 0 10px;line-height: normal;}
	.slide h2{font: normal normal bold 35px / normal Roboto;}
	.slide ul.wrpslides{padding:30px 0;}
	.slide ul.slick-dots{bottom:-10px;}
	footer ul.menu li{margin:40px 10px;}
	.copyright p{padding:30px 0;}
	.copyright {padding: 0 0 20px 0;}
	footer:after{display: none;}
	.baner .imgwrp img.bnrimg {width: 40%; top: 190px; right: 0; left: 560px; margin: auto; }

}
@media only screen and (max-width:991px){
	.main-heading{font-size: 35px}
	p{font-size: 16px !important}
    .baner .imgwrp img.bnrimg {top: 210px;left: 450px}
    .baner .txt h5 {color: #fff; font-size: 25px; }
    .baner .txt p{font-size: 16px}
    .about p{padding: 10px 0}
    .about ul{margin-top: 20px}
    .feture h3 {padding: 20px 0 20px; }
    .feture p{padding: 0 0 40px 0;}
    .feture .txtwrp p {padding: 0}
    .slide .head h3 {margin: 20px 0;padding:0 }
    .slide .cnt p {width: 90%}
    .slide .cnt h5 {margin: 0 0 20px 0}
    .slide:before, .slide:after {top: 510px; height: 430px; width: 100px; }
    .meet h5 {font-size: 35px;padding: 30px 0 15px 0}
    .meet .dwnsec h4 {padding: 50px 0 30px 0; }
    .about h4 {font-size: 30px}
    .meet h6 {font-size: 30px}




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

@media only screen and (max-width:480px){
	.mobile-reverse{flex-direction: column-reverse!important;}
	.baner .imgwrp {padding: 0 0 40px 0;}
	.baner .txt p{    font: normal normal normal 16px / normal Roboto;}
	.about ul li{font: normal normal normal 16px / normal Roboto;}
	.feture .container.bgclr:before{display:none;}
	.feture .txtwrp p{height: auto; overflow-y: unset;}
	.feture .col{width:100%;}
	.feture h3 {padding: 20px 0 20px; }
	.subhedng{font-size: 20px; line-height: normal;}
	.main-heading {font: normal normal bold 35px / normal Roboto; }
	.feture .col-3{width:100%;}
	.feture .txtwrp{text-align:left;}
	.feture img{padding:20px 0;}
	.slick-slide img{margin:0 auto;}
	.baner{padding:200px 0 100px;}
	.header ul li{padding:0 0 0 7px;}
	.header ul{padding:30px 0 0 0;}
	.header ul li a{font:normal normal normal 14px / 24px Roboto;}
	footer ul.menu li{margin:40px 10px 0;}
	footer ul.prvcy{padding:30px 0 0;}
	.about h5 {padding: 40px 0 0 0; }
	.nav{display: flex;}
	.header ul{display: none;}
	footer ul.info {padding: 20px 0 0 0; }
	.about p {padding: 0 0 30px 0; font-size: 20px; }


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