@charset "utf-8";

@media only screen and (max-width:1600px){
 .wrapper{width:1170px}
.logo{width:160px;top:20px;left:34px}
.logo img{width:100%}
.eight-hundred{width:63px;right:50px;top:20px}
.eight-hundred img{width:100%}
.form{width:355px;padding:16px}
.form form h3{font-size:19px;margin-top:0}
input{height:38px}
.submitclass input{height:38px}
.block5 input[type=checkbox]{width:25px}
.block5 label{font-size:11px}
.eight-boxes ul{padding:58px 0}
.red-stripe li .box .text{font-size:16px}
.red-stripe li{margin:0 10px}
.eight-boxes{padding:50px 0 70px 0}
.eight-boxes h3{font-size:32px}
.eight-boxes li{height:235px}
.eight-boxes li .box2 .thumb{height:150px}
.eight-boxes li .box2 .thumb img{width:100%}
.eight-boxes li .box2 .text2{font-size:15px}
.muthoot-finance li{margin:0 60px}
.muthoot-finance li img{width:90%}
.icon_box h3{font-size:23px}
.icon_box li p{font-size:14px}
.icon_box li img{width:90%}
.white_box li h3{font-size:28px}
.white_box li p{font-size:16px}
footer{font-size:13px}
.form{ top:140px}

.testimonil_box li .box .text{font-size: 14px;}
}

@media only screen and (max-width:1500px){
    .form { top:120px}
    .red-stripe li .box .text {font-size: 14px;}
}

@media only screen and (max-width:1400px){
    .red-stripe li .box .text {font-size: 13px;}
    .icon_box .right_icons_box{ padding: 0 50px 40px 50px;}
    .icon_box li { margin: 0 10px;}
    .icon_box .right_icons_box {padding: 0;}



}

@media only screen and (max-width:1300px){
.form{width:315px}
.block1,.block2,.block3,.block4{margin-bottom:5px}

.red-stripe li { margin: 0;}
.muthoot-finance li{margin:0 40px}


}

@media only screen and (max-width:1100px){
.wrapper{width:98%}
.form{width:270px;right:15px;padding:10px}
.form form h3{font-size:16px;margin-bottom:8px}
.submitclass{height:35px}
.form{top:70px}
.logo{width:120px;top:10px;left:20px}
input{height:30px}
.submitclass input{line-height:31px}

.red-stripe li .box .text{font-size:16px;height:100px}
.eight-boxes li .box2 .thumb img{width:100%}
.muthoot-finance li{margin:0 5px}

.eight-boxes li .box2 .text2{ margin-top: 52px;}
.eight-boxes { padding: 50px 0 40px 0;}
.red-stripe { padding: 30px 0 0 0;}
.red-stripe ul { padding: 70px 0 0 0;}

.icon_box li { margin: 0 10px 20px 10px;}

}

@media only screen and (max-width:1023px){
    .form{position:static;width:100%;float:left}
    .form form h3{font-size:22px;margin-bottom:20px;margin-top:10px}
    .block1,.block2{width:49.5%}input{height:40px}
    .block5 label{font-size:13px}
    .eight-boxes{padding:40px 0 25px 0;}
    .eight-boxes h3{font-size:25px}
    .eight-boxes h3 span{padding-left:124px}
    .eight-boxes ul{padding:25px 0}
    .eight-boxes li,.eight-boxes li:nth-child(4n){width:32.8%;margin-right:.5%}
    .eight-boxes li{height:210px}
    .eight-boxes li .box2 .text2{font-size:15px}
    .eight-boxes li .box2 .thumb{height:135px}
    .muthoot-finance li{margin:0 5px}
    
    .icon_box .left_icons_box{width:100%;float:left}.icon_box .right_icons_box{width:100%;float:left}.white_box ul{display:block}
    .white_box li{width:100%;float:left}.text_scroll{height:auto}img.desktop{display:none}img.mob{display:block}
    .eight-hundred{right:20px;top:15px}.logo{width:78px}.red-stripe li{margin:0;border-right:none}
    .red-stripe li .box .text{font-size:14px}
    .scrollHeight{height:inherit}
  
    .muthoot-finance { padding: 10px 0 0 0;}
    .muthoot-finance li { margin-bottom: 50px;}
    .muthoot-finance li:last-child{ margin-bottom: 0;}
    .red-stripe ul { padding-bottom: 0;}

    .eight-boxes li .box2 .text2 { margin-top: 32px;}
    .icon_box .left_icons_box{ width:100%; float:left}
    .icon_box { display: block;}
    .icon_box .left_icons_box{ padding: 0 20px 40px 20px;}

    .icon_box .left_icons_box:after {left: 0; right: auto; height: 1px; width:100%; bottom: 0; top: auto;}


}

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

    .eight-boxes li .box2 .text2{ margin-top: 20px; font-size: 14px;}
    .eight-boxes li { height: 180px;}
    .eight-boxes li .box2 .text2 { margin-top: 0; font-size: 13px;}
    .testimonil_box li{width:44%; margin: 15px 1%;}
    .what-our-customer h3 { margin-bottom: 0;}

    .form{ border-radius: 0;}
    img.d{display: none;}
    .miligram ul{ display: block;}
    .miligram li{float: left; width: 100%; margin-bottom: 40px; position: relative; }
    .miligram li:last-child{ margin-bottom: 0;}
    .miligram li img{width:100%}
    .miligram li:after{position:absolute; content: ''; left: 0; right: 0; margin: 0 auto; top:auto; bottom: -20px; background: url(../images/devider.jpg) no-repeat center bottom; width:215px; height: 8px;}

    .miligram li:last-child:after{display: none;}

    .muthoot-finance{ margin-top: 10px;}
    .icon_box{ padding: 0;}
    .thumb iframe{height: 350px;}

}

    
    @media only screen and (max-width:600px){
        
        .eight-boxes li,.eight-boxes li:nth-child(4n){width:49%;margin-right:.5%;margin-left:.5%}
        .eight-boxes li .box2 .thumb{height:auto}
        .muthoot-finance li{width:40%}
        .icon_box .left_icons_box,.icon_box .right_icons_box{padding:15px}
        .white_box li{padding:20px}
        .map_box{padding:10px 0}
        .eight-boxes h3{font-size:20px}
        .muthoot-finance li img{width:100%}

        .eight-boxes li { height: 220px;}
        .muthoot-finance li .box .call-section{ text-align: center; width:auto}
        .muthoot-finance li .box { float:none; margin: 0 auto; width: 70%;}
        .muthoot-finance li .box .phone-icon > img {width:50px; height: 50px;}
        .muthoot-finance li .box .phone-icon { width:70px}


        

    
    }
        
        @media only screen and (max-width:500px){
            .eight-boxes h3{font-size:18px}
            .red-stripe li{width:49%}
            .eight-boxes h3 span{padding-left:0}
            footer{ padding: 15px 10px;}
            .white_box li { padding: 10px;}
            .testimonil_box { width:96%; margin: 0 2%;}
            .red-stripe h5 { font-size: 30px;}

            .why-avail h3, .what-our-customer h3 { font-size: 18px; margin-bottom: 50px;}

            .testimonil_box:before{ width:30px; height: 23px; background-size: 100%;}
            .testimonil_box:after{ width:30px; height: 23px; background-size: 100%;}

            .red-stripe li .box .text{height:70px; line-height: 1.1;}
            .red-stripe h5 { margin: 20px auto -30px auto;}
            .eight-boxes li{ height: 200px;}
           
            .muthoot-finance ul{ padding: 10px 0;}
            .muthoot-finance li{ width:100%; margin-bottom: 20px;}
            .muthoot-finance li img { width:200px}
            .muthoot-finance li:last-child{margin-bottom: 0}

            .why-avail{ padding: 20px 5px;}
            .why-avail h3{ margin-bottom: 15px;}
            .testimonil_box:before { top:-30px}
            .testimonil_box:after{ bottom: 30px;}
            .testimonil_box li .rounded-box{ margin-bottom: 0;}

            .what-our-customer { margin-bottom: 0;}

            .muthoot-finance li{ margin: 0 0 20px 0;}
            .eight-boxes{ padding: 40px 0 0 0;}
            .red-stripe h5 img { width: 80%;}
            .eight-boxes li { height: 180px;}
            .muthoot-finance1 li{ margin: 0;}
            .eight-boxes li, .eight-boxes li:nth-child(4n){margin-right: 1%; margin-left: 1%; width: 48%;}

            .what-our-customer h3 { margin-bottom: 20px;}





        }
        
        @media only screen and (max-width:400px){
            .logo{width:82px;left:7px;top:5px}
            .eight-hundred{width:45px;top:10px;right:10px}
            .red-stripe li{width:49%}
            
            .eight-boxes{padding:15px 0 10px 0}
            .eight-boxes li{height:175px}
            .eight-boxes li .box2 .text2{margin-top:0;font-size:13px}
            .icon_box h3,.white_box li h3{font-size:18px}
            .white_box li{padding:10px}
            .white_box li h3{padding-bottom:10px}
            .icon_box li{margin:0 4px}
            .icon_box .right_icons_box ul{margin-top:0}
            footer{padding:15px 20px;padding:15px 10px 15px 10px}
            .red-stripe li{height:145px}
.red-stripe li .box .text{font-sizez:13px}
.eight-boxes h3{font-size:18px}
.fancybox-slide{height:250px!important;top:25%!important}
}

@media only screen and (max-width:360px){
    .red-stripe h5 img { width:80%}

}