/********** Responsive **********/
@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1550px){
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1380px){
	
}
@media only screen and (max-width:1280px){
}
@media only screen and (max-width:1190px){
}
@media screen and (max-width:1024px){
	.sec-pad{padding:50px 0;}
	
}
@media screen and (max-width:992px){
	.wow{animation-name:none!important;visibility:visible!important;}
}
@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;}

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


@media only screen and (max-width:1600px){
	.slide:after{top: 187px}
}

@media only screen and (max-width:1399px){
	header{padding: 20px 0 0 0}
	.baner{padding: 220px 0 80px 0}
	.baner .txt h1 {font: normal normal bold 40px/52px Roboto;padding: 15px 0}
	.baner .imgwrp img{display: flex;margin: 0 auto;width: 80%}
	.about img{width: 90%}
	.about:before{width: 503px;height: 543px;top: 90px;}
	.slick-slide img {width: 95%}
	.slide:after {top: 222px;}
}


@media only screen and (max-width:1199px){
	.slick-dots {width: 950px}
	.baner .txt h1 {font: normal normal bold 30px/52px Roboto;}
	.about:before {width: 422px;height: 457px;top: 35px;}
	.slide:before {bottom: -80px;height: 41%;}
	.slide:after{top: 219px}
	.testi{padding: 110px 0}
	.cta .cnt h3 {font-size: 40px;line-height: 51px}
	.cta .cnt ul li a img{width: 80%}
	.testi .box .head {padding: 30px 30px 20px 30px}
	.testi .box .list ul {height: 195px}
	.testi .box .list li {margin: 0 0 15px 25px;font-size: 15px}
}


@media only screen and (max-width:991px){
	.main-heading {font: normal normal bold 41px / 51px Roboto;}
    .slick-dots {width: 700px;}
    .baner .txt h1 {font: normal normal bold 25px / 32px Roboto;}
    .baner {padding: 180px 0 50px 0;}
    .baner .imgwrp img {width: 100%}
    .about:before {width: 332px;height: 359px;top: 77px;}
    .stps .bxes .wrp{padding: 15px 10px 15px 15px;}
    .stps .bxes .wrp span{font-size: 40px;}
    .stps .bxes .wrp h6{padding: 5px 0 10px;}
    .stps .bxes .wrp p {font-size: 15px;}
    .slide p {width: 70%;margin: auto;}
    .slide:before {bottom: -76px;height: 40%;}
	.slide:after {top: 233px;}
	.testi .box {margin: 50px 15px;}
	.testi .box .head h3 {font-size: 35px}
    .testi .box .head {padding: 30px 30px 20px 20px;}
    .testi .box .list {padding: 30px 10px}
    .testi .box .list ul {height: 205px;}
    .cta .cnt {margin: 0 0 0 20px;}
    .cta .cnt h3 {font-size: 32px;line-height: 30px;margin: 10px 0;}
    .copyright p{font-size: 16px}
    .ftr ul h5 {font-size: 16px}
    .ftr ul li a {font-size: 12px;}
    .ftr .socl li i {width: 20px;height: 20px;}
    .ftr ul li {margin: 0 0 20px 0;}

}

@media only screen and (max-width:767px){
	.main-heading {font: normal normal bold 30px / 41px Roboto;}
	header ul.dsktpmenu{gap: 20px;}
	header ul.dsktpmenu li a {font: normal normal 300 15px/22px Roboto;}
    .slick-dots {width: 300px;}
    .baner {padding: 150px 0 50px 0;}
    .baner .imgwrp img{display: none;}
    .about .image{width: 50%;margin: auto;}
    .about:before{top: 17px} 
    .stps .bxes.two{margin-top: 50px}
    .slide:after{display: none;}
    .slide:before {bottom: -90px;height: 50%}
    .cta .image img{display: none;}
    .cta .cnt {margin: 20px 0 0 20px;}
    .cta .cnt h3 {font-size: 20px;line-height: 23px;}
    .cta .cnt p {margin: 0 0 25px 0;font-size: 15px;}
    .cta .cnt ul {gap: 25px;}
    .cta .cnt ul li {width: 25%;}
    .cta .cnt ul li a {display: inline-block;}
    .cta .cnt ul li a img {width: 100%; margin: 0 0 10px 0;}
    .ftr{padding: 30px 0 0 0}
    .ftr .cnt{text-align: center;}
    .ftr .cnt p{margin-bottom: 30px}
    .ftr ul h5 {margin: 0 0 25px 0;}
    .ftr ul li {margin: 0 0 10px 0;}
    .ftr .info li {margin: 0 0 20px 0;}
    .ftr .copyright {padding: 40px 0 30px 0}
    .ftr .copyright:before {top: 20px}
    .copyright p {font-size: 12px;}
    .ftr .prvcy{gap: 12px}
    .stps{padding: 50px 0 0 0}
	.testi .box .list ul {height: 150px;}
}


@media only screen and (max-width:575px){
	.header ul.dsktpmenu{display: none;}
	.nav{display: flex;}
	.baner{padding: 200px 0 50px 0}
	.cta .row {border-radius: 0}
    .ftr .prvcy {gap: 10px;}
	.ftr .prvcy li a {font-size: 14px;}
	.testi {padding: 100px 0 0 0;}
}