/*

   MaxLand Theme Responsive Design

*/



@media (max-width: 1024px) {

    

}



/* ---- Start of max-width 992px CSS ---- */

@media (max-width: 992px){

    .sm-padding{ padding: 15px; }

    .header-section .navbar-brand {

        height: 80px;

        padding: 0;

        display: flex;

        align-items: center;

    }
    .header-section .navbar-brand img{
        width: 70%;
    }

    .menu-btn,

    .js #mainmenu {

        display:none;

    }

    .project-2 .project-item,

    .js .slicknav_menu {

        display:block;

    }

    .about-content h2{

        font-size: 24px;

        line-height: 36px;

    }

    .year-box{

        padding-left: 0;

    }

    .error-content .error-info{

        padding-left: 10px;

    }

    .counter-content{

        text-align: left;

        padding-left: 70px;

    }

    .counter-wrap .col-lg-4:last-child{

        margin-top: 50px;

    }



}

/* ---- End of max-width 992px CSS ---- */
@media (min-width: 992px) and (max-width: 1200px){

    ul.nav > li > a{
        padding: 0 10px;
    }
    ul.nav li.phone {
        padding-left: 10px;
    }
}
@media (min-width:1200px) and (max-width:1500px){
    ul.nav li.phone {
        padding-left: 10px;
    }
}



/* ---- Start of min-width 480px and max-width 768px CSS ---- */

@media all and (min-width: 480px) and (max-width: 768px) {

	

}

/* ---- End of min-width 480px and max-width 768px CSS ---- */





/* ---- Start of max-width 767px CSS ---- */

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

    body, p{

        font-size: 12px;

        line-height: 22px;

    }

    h1{

        font-size: 30px;

    }

    h2{

        font-size: 22px;

    }

    h3{

        font-size: 16px;

    }

    p br{

        display: none;

    }

    .padding{

        padding: 60px 0;

    }

    .xs-padding{

    	padding: 15px;

    }

    .hero-section{ height: 350px; }

    .hero-section .scroll-down{ display: none; }

    .hero-section h1{

        font-size: 40px;

        line-height: 1;

        margin: 0 0 10px;

    }

    .page-header{

        height: 250px;

    }

    .page-content h2 {

        font-size: 30px;

        margin: 0;

    }

    .about-content h2{

        font-size: 24px;

        line-height: 36px;

    }

    .cta-content h2 {

        font-size: 28px;

        line-height: 1.2;

    }

    .error-content{

        display: block;

    }

    .error-content .error-info h2{

        font-size: 120px;

        line-height: 120px;

        margin-bottom: 30px;

    }

    .error-content .error-info a{

        display: block;

    }

    .contact-form .form-group .col-sm-6:first-child{

        margin-bottom: 15px;

    }

    .contact-info h2{

        line-height: 28px;

    }

    .sidebar-wrap{

        padding-left: 0;

    }

    .blog-single-content h2 a{

        font-size: 22px;

        line-height: 28px;

    }

    .blog-single-content h2{

        line-height: 28px;

    }

    blockquote p{

        line-height: 32px;

    }

    .year-bg{ width: 100%; }

}

/* ---- End of max-width 767px CSS ---- */





/* ---- Start of max-width 580px CSS ---- */

@media all and (max-width: 580px) {

    .subscribe-form{ width: 100%; }

    .counter-wrap .col-lg-4:first-child{

        margin-bottom: 50px;

    }

}

/* ---- End of max-width 580px CSS ---- */





/* ---- Start of max-width 420px CSS ---- */

@media all and (max-width: 420px) {

    

}

/* ---- End of max-width 420px CSS ---- */





/* ---- Start of max-width 380px CSS ---- */

@media all and (max-width: 380px) {

	

}

/* ---- End of max-width 380px CSS ---- */