@media only screen and (min-width: 1500px) {


.page-id-10 .banner-box .banner-caption{bottom: 140px;padding: 40px;}


.banner-box .banner-caption{background: linear-gradient(to right, rgba(62,62,62,1), rgba(62,62,62,0.50)); position: absolute; right: 0; bottom: 100px;padding: 40px;}

}


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

    /*  */
    .about-main .about-list li .cnt-right .cnt-wrp .cnt-grp{padding-right: 100px; padding-top: 30px; padding-bottom: 30px;}
    .about-main .about-list li .cnt-left .cnt-wrp .cnt-grp{padding-left: 100px; padding-bottom: 30px; padding-top: 30px;}
    
}




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

.service-box .service-box-hover {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #296489;
    z-index: 9;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    padding: 20px;
    text-align: center;
}


.service-box .service-box-hover h4{font-size: 25px;
    line-height: 30px;}



}




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

    /*  */
    .banner-box .banner-caption{padding: 30px; max-width: 75%;}
    .banner-box .banner-caption h3{font-size: 35px; line-height: 40px;}
    .banner-caption .banner-btn li a{min-width: 160px; line-height: 45px; font-size: 15px;}

    /*  */
    .form-section .middle-from{width: 90%;}

    /*  */
    .not-sure{padding: 40px;}
    .ready-to-start h3{font-size: 40px;}
    .ready-to-start p{font-size: 25px;}

    /*  */
    .about-main .about-list li .cnt-left .cnt-wrp .cnt-grp,
    .about-main .about-list li .cnt-right .cnt-wrp .cnt-grp,
    .about-us .about-list li .cnt-right .cnt-wrp .cnt-grp,
    .about-us .about-list li .cnt-left .cnt-wrp .cnt-grp{padding: 20px 25px;}

    .about-main .about-list li .cnt-grp h5,
    .about-us .about-list li .cnt-grp h5{font-size: 35px; line-height: 40px;}
    .about-main .about-list li .cnt-grp p,
    .about-us .about-list li .cnt-grp p{font-size: 16px; line-height: 25px;}
    .list-blue li{font-size: 16px;}
    .about-us .about-list>li .logo-it{max-width: 40px;}
}

@media only screen and (max-width: 992px) {
	
	
	.service-box .service-box-hover {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #296489;
    z-index: 9;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    padding: 50px;
    text-align: center;
}

	
	
	
	
	.banner-btn li a {
    display: block;
    border: 1px solid #FFFFFF;
    min-width: 0px;
    text-align: center;
    font-size: 14px;
    line-height: 60px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 0px 15px;
}
	
	
	
	.banner-box article {
    padding: 15% 0;
}
	
	.banner-box .banner-caption {
        bottom: 40px;
    padding: 40px;
}
	
    .banner-box .banner-caption{padding: 15px; max-width: 90%;}
    .banner-box .banner-caption h3{font-size: 30px; line-height: 40px;}
    .banner-caption .banner-btn li a{min-width: 160px; line-height: 45px; font-size: 15px;}

    /*  */
    .form-section h3,
    .ready-to-start h3{font-size: 33px; line-height: 50px;}
    .form-section p,
    .ready-to-start p{font-size: 22px; line-height: 30px;}

    /*  */
    .service-box img{width: 100%;}

    /*  */
    .footer{padding-bottom: 70px;}
    .footer .container > .row>div{padding-bottom: 30px;}

    /* */
    .hidden-m{display: none !important;}
}

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



.location-area .p-0 {
    padding: 0px!important;
}



.service-box .service-box-hover {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #296489;
    z-index: 9;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    padding: 50px;
    text-align: center;
}


 iframe.map{height: 350px;}



.banner-btn li {
    display: block;
    font-size: 0;
    margin-bottom: 15px;
}

.banner-btn li + li {
    margin-left: 0px;
}


.section-45 {
    padding-top: 45px;
    padding-bottom: 30px;
}



    /*  */
    #top-nav{padding: 10px 0;}

    /*  */
    
    
    .p-0 {
    padding: 15px!important;
}


.banner-box .banner-caption{
	bottom: 15px;
}


.banner-box article {
    padding: 25% 0!important;
}



.banner-box .banner-caption h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0px;
}


.banner-box .banner-caption p {
    font-size: 15px!important;
    line-height: 20px!important;
    color: #FFFFFF;
    font-weight: 300;
    margin-bottom: 0;
}

    
    
    .page-id-10 .banner-box .banner-caption{bottom: 15px;
	    padding: 15px 15px 0px 15px;
    }
    
    .page-id-10 p.homeban.bot {
    margin-bottom: 30px!important;
    font-weight: 300!important;
    font-family: "din-2014",sans-serif;
    line-height: 25px!important;
    font-size: 25px;
}


.banner-box .banner-caption h3 {
    font-size: 22px;
    line-height: 22px;
}
    
    
    
    #top-nav ul{text-align: center;}
    #top-nav ul li:first-child{padding-right: 0; border-right: 0;}

    /*  */
    #header{padding: 20px 15px;}
    .navbar-nav .nav-link{line-height: 50px;}
    .navbar-nav .nav-item{margin: 0;}

    /*  */
    .section-100{padding-top: 60px; padding-bottom: 60px;}
    .section-lr-80{padding-left: 15px; padding-right: 15px;}
    .section-title,
    .form-section h3,
    .ready-to-start h3{font-size: 25px; line-height: 30px;}
    .form-section p,
    .ready-to-start p{font-size: 18px; line-height: 25px;}

    .middle-from ul.gform_fields li.gfield{width: 100%; padding: 0; margin-bottom: 20px;}
    .middle-from .gform_wrapper .gform_footer{margin-top: 0; padding-top: 0;}

    /*  */
    .location-area .d-flex{display: block !important;}
    .location-area .d-flex .col-sm-6.p-0{font-size: 0; line-height: 0;}

    /*  */
    .custom-pills{margin: 0;}
    .custom-pills .nav-pills .nav-link{padding: 10px 20px; padding-right: 60px; font-size: 16px;}
    .custom-pills .nav-pills .nav-link::after{width: 30px; height: 30px; background-size: 30px auto; right: 20px;}

    .custom-pills .tab-content{padding: 20px;}

    /*  */
    .custom-accordion .card-header a{padding: 10px 20px;}
    .custom-accordion .card-header h5{font-size: 18px;}
    .custom-accordion .card-header a::after{right: 20px; width: 15px; background-size: 15px auto;}
    .custom-accordion .card-body{padding: 30px;}

    /*  */
    .not-sure.tab-sure{display: none;}
    .about-us .about-list>li .logo-it{display: none;}

    .about-main .about-list li .cnt-grp h5, .about-us .about-list li .cnt-grp h5{font-size: 25px;}
    
}