@media only screen and (max-width:1440px){
    .banner-caption h1{font-size: 70px;line-height:87px;margin-bottom:36px;}
    .welcome img{max-width:100%;height:auto;}
}

@media only screen and (max-width:1280px){
    .navbar-brand img{max-width:80%;}
    .banner-caption h1{line-height:68px; font-size: 55px;margin-bottom:32px;}
    footer h4{font-size: 21px;}
}

@media only screen and (max-width:1180px){
    .banner-caption h1{line-height: 58px; font-size: 49px; margin-bottom: 32px;}
    .three_blocks h3{font-size: 23px;}
}

@media only screen and (max-width:1024px){
    .banner-caption h4, .welcome h4, .three_blocks h4, .comments h4, .three_mobiles h4{font-size: 15px;}
    .banner-caption h1{line-height: 56px;font-size: 45px;margin-bottom:23px;}
    .download{margin-top:20px;}
    .navbar-brand img{max-width:65%;}
    .qrimg{max-width:40%;}
    .welcome h2, .three_blocks h2, .three_mobiles h2, .comments h2{font-size: 50px;}
    footer h4{font-size: 20px;}
}

@media only screen and (max-width:991px){
    .banner-caption h4, .welcome h4, .three_blocks h4, .comments h4, .three_mobiles h4{font-size: 13px;}
    footer h4{font-size: 16px;}
    .footer-bottom ul li{margin:0 4px;}

    #inner-banner h1{font-size: 39px;padding:40px 100px;}
}

@media only screen and (max-width:932px){
    .banner-caption h4, .welcome h4, .three_blocks h4, .comments h4, .three_mobiles h4{font-size: 11px;}
    .banner-caption h4::before, .welcome h4::before{top:5px;}
    .welcome h2, .three_blocks h2, .three_mobiles h2, .comments h2{font-size: 42px;line-height: 49px;}
    .three_blocks h3{font-size: 16px;}
    .three_mobiles h4::before{top:5px;}
    .welcome h3{font-size: 56px;}
    .three_mobiles{background:url(../images/rainbow2.png) no-repeat top -133px right -117px #fff;}
    footer img{max-width:70%;}
}

@media only screen and (max-width:915px){
    .banner-caption h4{margin-bottom:9px;}
    .download{padding:11px 23px;font-size: 14px;}
    .navbar-brand img{max-width:55%;}
}


@media only screen and (max-width:896px){
    .policies h2{font-size: 32px;}
    .policies h3{font-size: 30px;}
    .policies h4{font-size: 28px;}
}

@media only screen and (max-width:820px){
    .comments{background:url(../images/testimonial_bg.jpg) no-repeat top 170px center #edf5fa;background-size:contain;}
    .carousel-inner{width:400px;}

    .policies h2{font-size: 32px;}
}

@media only screen and (max-width:768px){
    .banner-caption h1{margin-bottom:16px;font-size: 30px;line-height: 37px;}
    .banner-caption{top:29%;}
    .carousel{padding-bottom:0;}
    .carousel .testimonial::before{width:80px;height:80px;background-size:75%;}
    .carousel .testimonial{margin-top:40px;}

    .policies h2{font-size: 31px;}
}

@media only screen and (max-width:740px){
    .download{margin-top:11px;padding:10px 23px;}
    .welcome h3{font-size: 48px;}
    .banner-caption h4, .welcome h4, .three_blocks h4, .comments h4, .three_mobiles h4{font-size: 7px;padding-left:35px;}
    .three_blocks h3{margin-top:18px;}
    .welcome h2, .three_blocks h2, .three_mobiles h2, .comments h2{font-size: 37px;line-height: 45px;}
    .carousel .testimonial{line-height: 25px;}
    .footer-bottom p{font-size: 13px;}
    .footer-bottom ul li{width:31px;height:31px;}
    footer ul li a{font-size: 15px;}
    .carousel .testimonial::before{width:80px;height:80px;background-size:75%;}
    .carousel .testimonial{margin-top:40px;}
    .banner-caption h4::before, .welcome h4::before{width:28px;}
    .three_blocks h4::before, .comments h4::before{width:28px;top:4px;}
    .three_blocks h4::after, .comments h4::after{width:28px;top:4px;right:-30px;}
    .three_mobiles{background:url(../images/rainbow2.png) no-repeat top -133px right -161px #fff;}
    .three_mobiles h4::before{width:28px;top:4px;} 
    footer h4{font-size: 11px;} 

    #inner-banner h1{font-size: 27px; padding:30px 77px;}
    .policies h2{font-size: 22px;}
    .policies h4{font-size: 20px;}
    .policies h3{font-size: 21px;}
} 

@media only screen and (max-width:667px){
    .navbar-brand img{max-width:43%;}
    .download{font-size: 10px;}
    .welcome p, .three_blocks p, .three_mobiles p, .carousel .testimonial{line-height:23px;font-size: 14px;}
    .carousel h5{font-size: 18px;}
    .carousel h6{font-size: 12px;}
    .welcome h2, .three_blocks h2, .three_mobiles h2, .comments h2{font-size: 32px;line-height: 38px;}
    .three_blocks h3{font-size: 12px; margin-bottom:12px;}
    .carousel-inner{width:350px;}
}

@media only screen and (max-width:540px){
    .navbar-brand img{max-width:32%;}
    .banner-caption h1{font-size: 21px;line-height: 26px;}
    .qrimg{max-width:30%;}
    .three_mobiles{background:url(../images/rainbow2.png) no-repeat top 188px right -161px #fff;}
    .three_blocks .col-12{margin-bottom:25px;}
    .three_blocks h3{font-size: 20px;}
    .three_blocks img{width:100%;}
    .welcome h4, .three_blocks h4, .comments h4, .three_mobiles h4{font-size: 12px;}
    .three_mobiles{background:url(../images/rainbow2.png) no-repeat top 188px right -161px #fff;}
    .three_mobiles h4::before{top:6px;}
    .welcome p, .three_blocks p, .three_mobiles p, .carousel .testimonial{font-size: 18px;line-height: 29px;}
    footer{text-align: center;}
    footer h4{font-size: 17px;}
    footer h4::after{right:0;margin:auto;}
    .footer-bottom{padding:30px 15px;}
}

@media only screen and (max-width:430px){
    .navbar{padding-top:4px;}
    .banner-caption h1{font-size: 15px;line-height: 19px;margin-bottom:10px;}
    .download{margin-top:6px;padding:7px 16px;font-size:8px;}
    .three_mobiles{background:url(../images/rainbow2.png) no-repeat top 254px right -161px #fff;}
    .comments{background-size:cover;}
    .qrimg{max-width:24%;}
}


@media only screen and (max-width:414px){
    .welcome{padding:60px 0;}

    #inner-banner h1{font-size: 24px;padding:30px 56px;}
}

@media only screen and (max-width:390px){
    .qrimg{max-width:24%;} 
}

@media only screen and (max-width:375px){
    .banner-caption h4{font-size: 6px;}
    .qrimg{max-width:20%;}
    .three_blocks h4{padding-left:0;}
    .three_blocks h4::before{left:-34px;}
    .comments h4{padding-left:0;}
    .comments h4::before{left:-33px;}
}

@media only screen and (max-width:360px){
    .welcome h4, .three_blocks h4, .comments h4, .three_mobiles h4{font-size: 11px;}
    .carousel-inner{width:332px;}
    .three_mobiles{background:url(../images/rainbow2.png) no-repeat top 323px right -161px #fff;}
    .welcome h2, .three_blocks h2, .three_mobiles h2, .comments h2{font-size: 30px;}
}