/*@media (min-width: 1200px){.container {max-width: 1325px;}}*/

.d-display{display: block;}
.m-display{display: none;}

.padding-lr{padding-right: 0px; padding-left: 0px;}
.padding-r{padding-right: 0px;}
.padding-l{padding-left: 0px;}

.container-fluid{width: 90%}
/*-################Img hover effect ################--*/



.head{background-color:#fff; height: 75px; width: 100%; padding: 15px 0px; border-bottom: 2px solid #b9c3d4; 
    position: fixed; z-index: 999999;}
.logo{ width:125px; padding: 0px; display: inline-block; }
.logo img{ width: 100% }
.right-icon{text-align: right; padding-top: 5px;}
.right-icon .contact_no{margin-left: 0px; float: right;}
.right-icon .contact_no a {font-size: 19px; font-weight: 600; float: left; text-decoration: none; color: #012b72;}
.right-icon .contact_no a i{font-size: 16px; float:left; color: #133f80; margin: 6px 7px;}
.right-icon .contact_no a:hover { opacity: 0.8;}

/*--################ slider Section ################-*/
.banner-section{ height: 545px; }
.banner{width: 100%; top: 75px; height: auto; background-color: #f1f1f1; position: relative;}
.banner .carousel-inner > .carousel-item {width: 100%; height: 470px;}
.banner .carousel-inner > .carousel-item > img,
.banner .carousel-inner > .carousel-item > a > img {width: 100%; height: 470px; margin: auto;}

/*text ans form*/
.banner-form-and-text{position: absolute; width:100%; height: 470px; 
    background-color: rgba(0, 0, 0, 0.36); padding: 52px 8%;; top: 0px;}
.banner-text{width:70%; float: left; padding-right: 5%;}
.banner-text h3 {font-size: 32px; line-height: 42px; color: #fff; font-weight: 600;}
.banner-text ul{padding: 10px 20px}
.banner-text ul li{ font-size: 20px; line-height: 36px; color: #fff;}

.banner-form{width:30%; right: 50px; /*position: fixed;*/ position: absolute; z-index: 9999; top: 113px}

/*********************content section***************************/

.how-it-work{ padding-left: 40px 0px; margin-top: 40px; text-align: center;} 
.how-it-work h3{width:100%; text-align: center; font-size: 22px; font-style: italic; 
    font-weight: 700; margin-bottom: 20px;}
.how-it-work .box-hiw {padding:5px; min-height: 180px; }
.how-it-work .box-hiw img{ margin-bottom: 15px; }
.how-it-work .box-hiw h5{font-size: 16px;  margin-bottom: 1px; font-weight: 700;}


h4{margin-top: 0px; padding: 0px 0px 20px; font-size: 22px; font-style: italic; text-align: center; 
    margin-bottom: 0px; font-weight: 700;}
.Box {background: #fff; margin-bottom: 40px; padding: 0px 15px; width: 100%; float: left;}
.Box p{ font-size: 15px; }

/* .service{} */
.service img{width: auto; height: 70px;}
.service h5{font-size: 16px; margin-top: 10px; margin-bottom: 40px;}

.adword-portfolio-img{width: 100% !important; height: 150px !important;}

.trusted-brand{ margin: 40px 0px; text-align: center;} 
.trusted-brand h5{text-align: center; font-size: 28px; color: #0453d2; font-style: italic; 
    font-weight: 700;margin: 0px;}
 .trusted-brand .heading-left h5{ text-align: right; font-size: 22px; color: #000; font-weight: 600; }
/* .trusted-brand p{} */

.Box .faq{ width: auto; margin-top: 20px;}
.Box .faq .card { background-color: #fff; background-clip: border-box;  border: 1px solid rgba(0,0,0,.125);
    border-radius: 0px; margin-bottom: 10px; color: #000}
.Box .faq .card-header {padding:10px 15px; margin-bottom: 0; background-color: #f1f1f1;
    border-bottom: 0px solid rgba(0,0,0,.125); color: #000}
.Box .faq .card-header h2{font-size: 18px;}
.Box .faq .card-header h2 span{float: left; width: 90%; color: #000}

.Box .faq .card-header h2 a {display: block; text-align: left;}
.Box .faq .card-header h2 a i{float: right; font-size: 16px; margin: 5px 10px; color: #000;}
.Box .faq .card-body{padding-top: 0px;}


.Box .testimonial{ width: 100%; }
.Raiting_trestmonial {
    font-weight: 700;
    color: #012b72
}
.Box .slide-box{ margin: 20px 10px; }
.Box .slide-box .fdb-icon{ width: 100%; text-align: center;}
.Box .slide-box .fdb-icon img{ width: 100px; height: 100px; border-radius: 50%; display: inline-block;}
.Box .slide-box .fdb-icon div{width: 100%; float: left; }
.Box .slide-box .fdb-icon div h6{padding:10px 0px 0px; margin-bottom: 0px;}
.Box .slide-box .star{list-style: none; display: inline-block; padding: 0px}
.Box .slide-box .star li{float: left; font-size: 14px; text-align: center; color: #ccc}
.Box .slide-box .star li.active{color: #ff5722}
/* .Box .slide-box .fdb-cont{}
.Box .slide-box .fdb-cont h6{} */

.pk_testimonial_grid {
    padding: 2em 2em;
    background: #efefefa8;
    text-align: center;
    position: relative;
    margin: 5px;
    min-height: 200px;
    float: left;
    width: 100%;
    max-width: 568px
}

.pk_testimonial_grid p {
    color: #000;
    line-height: 2em;
    padding-left: 0
}

.pk_testimonial_grid span {
    font-size: 14px;
    width: 100%;
    float: left
}

.pk_testimonial_grid p span {
    width: auto;
    font-size: 60px;
    color: #012b72;
    font-weight: 700;
    font-style: italic
}




footer {width:100%; background: #2d2d2e; border-top: 1px solid #e1e1e1; color: #fff; padding:10px 0px;
    margin-top: 20px; display: inline-block;}
footer p{ padding:0px; margin: 0px; font-size: 14px;}

.get-qt-side{position:fixed;z-index:998;bottom:15%;width:auto;right:0;display:none;cursor:pointer}
.scroll-top{position:fixed;z-index:998;bottom:5px;width:60px;text-align:right;right:10px;display:none}

@media only screen and (min-width:320px) and (max-width:640px)
{
    .container-fluid{width: 100%}

    .m-padding-lr{padding-right: 0px; padding-left: 0px;}
    .m-padding-r{padding-right: 0px;}
    .m-padding-l{padding-left: 0px;}

    .head{height: 55px; border-bottom: 1px solid;}
    .logo{ width:125px; padding: 0px 10px;}
    .logo img{width: 80px}
    .right-icon { text-align: right; padding-top: 3px;}
    .right-icon .contact_no a {font-size: 14px;}
    .right-icon .contact_no a img{width: 20px; margin-top: -3px;}

    /*--################ slider Section ################-*/
    .banner-section{ height: 190px; }
    .banner {top: 55px; height: 135px; position: absolute;}
    .banner .carousel-inner > .carousel-item {width: 100%; height: 135px;}
    .banner .carousel-inner > .carousel-item > img,
    .banner .carousel-inner > .carousel-item > a > img {height: 135px;}

    .banner-form-and-text{height: 135px; padding: 10px 3%;}

    .banner-text{width:100%; float: left; margin-top: 0px;}
    .banner-text h3 {font-size: 20px; line-height: inherit; text-align: center;}
    .banner-text ul{padding: 0px 20px}
    .banner-text ul li{ font-size: 14px; line-height: inherit; display: none;}
    .banner-text ul li:first-child{display: block !important; text-align: center; list-style: none;}

    .banner-form{
        width:100%; 
        background-color:#000; 
        padding: 11px;
        margin: 0px auto 30px; 
        right: 0px; 
        top: 0px; 
        position: relative; 
        z-index: 9999;
    }

    /*.mrt{margin-top: 255px;}*/


    .how-it-work { margin-top: 0px; margin-bottom: 0px; text-align: left;}
    .how-it-work .col-sm-3 {width: 50%}
    .how-it-work h3 { font-size: 16px;  margin-bottom: 10px;}
    .how-it-work .box-hiw {min-height: 70px; margin-bottom: 5px; text-align: center;}
    .how-it-work .box-hiw img{ margin: 5px 0px; width: 30px;}
    .how-it-work .box-hiw h5{font-size: 13px;}
    .how-it-work .box-hiw p{font-size: 13px;}

    /* .service{} */
    .service .col-sm-3{width: 50%;}
    .service img{width: auto; height: 47px;}
    .service h5{font-size: 14px; text-align: center; margin-top: 10px; margin-bottom: 20px;}

    .adword-portfolio-img{width: 100% !important; height: 100px !important;}

    .trusted-brand{ margin: 0px 0px; text-align: center; display: block;} 
    .trusted-brand .m-heading{width:100%; padding: 0px;}
    .trusted-brand .heading-left{ width: 100%;} 
    .trusted-brand .heading-left h5{ text-align: center; width: 100%; font-size: 18px; padding: 10px 0px;} 

    .trusted-brand .col-sm-3{width:33.333%; float: left;} 
    .trusted-brand h5{text-align: center; font-size:18px; font-weight: 700;margin: 0px;}    
    .trusted-brand p{margin: 0px;}

    h4{ font-size: 16px;margin-top: 45px; }
    .Box {padding: 10px; margin-top: 0px;}
    .Box p{ font-size: 13px; }

    .Box .faq{margin-top: 10px;}
    .Box .faq .card { border: 1px solid rgba(0,0,0,.125);margin-bottom: 10px;}
    .Box .faq .card-header {padding: 8px;}
    .Box .faq .card-header h2{font-size: 14px; padding:5px;}
    .Box .faq .card-header h2 span{float: left; width: 90%;}
    .Box .faq .card-header h2 a i{float: right; width: 10%;text-align: right; font-size: 14px; margin: 0px 0px; padding: 5px; color: #6b83ad;}
    .Box .faq .card-body{margin: 5px 10px; padding: 0px;}

    .Box .slide-box{ margin: 0px 0px; border:1px solid #ccc; padding: 10px;}
    .Box .slide-box .fdb-icon{height: 87px;}
    .Box .slide-box .fdb-icon img{width: 70px; height: 70px; float: left;}
    .Box .slide-box .fdb-icon div {width:70%; text-align: left; padding:0px;}
    .Box .slide-box .fdb-icon div h6{padding:15px 0px 0px 15px;}
    .Box .slide-box .star{list-style: none; padding-left: 15px;}

    .get-qt-side{display:block}

    .testimonials h2{font-size: 20px}
    .pk_testimonial_grid {padding: 10px;}
}

@media only screen and (max-width:320px)
{
    .right-icon .contact_no a {font-size: 12px;}
    
    .banner-text{width:100%; float: none; margin-top: 0px; padding-right: 0px}
    .banner-form-and-text{position: relative; top:-200px; height: 200px; padding: 20px 3%;}
    .banner-text h3 {font-size: 14px; line-height: inherit;}
    .banner-text ul li{ font-size: 13px; line-height: inherit;}

    .banner-form{width:100%; right: 0px; position: relative; z-index: 9999;}


    footer p{font-size: 12px;}

    .mrt{margin-top: 255px;}
}