@charset "utf-8";
/* CSS Document */
@media only screen and ( max-width: 1331px ) {
  
}
@media only screen and ( max-width: 1280px ) {

}
  
@media only screen and ( max-width: 1200px ) {
  
}
@media only screen and ( max-width: 1100px ) {
   
}
@media only screen and ( max-width: 1024px ) {
   
}
@media only screen and ( max-width: 980px ) {
   
}
@media only screen and ( max-width: 800px ) {
    .bannercaption{width: 38%; padding: 85px 26px 75px;}
}
@media only screen and ( max-width: 768px ) {
   
}
@media only screen and ( max-width: 736px ) {
    .bannercaption{padding: 75px 26px 65px;}
    .homestepsection ul li{padding: 70px 15px 20px;}
}
@media only screen and ( max-width: 667px ) {
    .bannercaption{padding: 65px 26px 55px;}
    .homestepsection ul{margin-left: -3%; margin-top: -3%;}
    .homestepsection ul li{width: 47%; margin-left: 3%; margin-top: 3%;}
    .homestepsection ul li h4{min-height: inherit;}
    .reviewsection .reviewiframewrap{margin-inline: 5%;}
}
@media only screen and ( max-width: 640px ) {
    .bannersection{padding: 25px 0;}
    .bannercaption{padding: 85px 26px 65px; width: 45%;}
}
@media only screen and ( max-width: 600px ) {
    .bannercaption{padding: 65px 26px 62px;}
}
@media only screen and ( max-width: 568px ) {
    .bannercaption{padding: 55px 12px 40px;}
    .bannercaption h3{font-size: 21px;}
    .bannercaption p{font-size: 14px;}
    .bannercaption .btn{font-size: 13px;}
}
@media only screen and ( max-width: 480px ) {
    .container{width: 90%;}
    .bannersection {padding: 30px 0; background-position: center;}
    .bannersection .container{width: 96%;}
    .bannercaption{width: 55%; padding: 52px 12px 55px;}
    .homestepsection ul{margin: 0 15%; display: block;}
    .homestepsection ul li{display: block; width: auto; margin: 0; padding: 70px 30px 20px;}
    .homestepsection ul li+li{margin-top: 25px;}
    .homestepsection ul li .imgbox{height: inherit; display: block;}
    .reviewsection .reviewiframewrap{margin-inline: inherit;}
}
@media only screen and ( max-width: 414px ) {
    .bannersection{padding: 23px 0;}
    .bannercaption{width: 56%; padding: 49px 12px 40px;}
    .homestepsection ul{margin: 0 12%;}
}
@media only screen and ( max-width: 384px ) {
    .headerright .btnsec .btn{padding: 9px 15px; font-size: 15px;}
    .bannersection{padding: 25px 0; background-position: left center;}
    .bannercaption{width: 61%; padding: 49px 12px 45px;}
    /* .bannercaption{width: 75%; padding: 35px 26px 55px;} */
    .homestepsection ul{margin: 0;}
}
@media only screen and ( max-width: 375px ) {
    .bannercaption{padding: 52px 12px 36px;}
}
@media only screen and ( max-width: 360px ) {
    .bannercaption {width: 68%;}
    .footersection h3{font-size: 16px;}
    .footersection ul li, .footersection ul li a{font-size: 13px;}
    .footersection ul li.contactno{margin-top: 18px;}
}
@media only screen and ( max-width: 320px ) {
    .bannercaption{width: 71%;}
}