/*
    Theme Responsive Design
*/

.navbar-header .nav-btn {
    
    margin-right: 50px !important;
}

@media (max-width: 1250px) {
	.slider_item {
    height: 350px;
    background-size: cover;
}
}


@media (max-width: 1150px) {
	.slider_item {
    height: 330px;
    background-size: cover;
}
}


@media (max-width: 1100px) {
	.slider_item {
    height: 300px;
    background-size: cover;
}
}




@media (max-width: 1000px) {
	.slider_item {
    height: 250px;
    background-size: cover;
}
}


@media (max-width: 850px) {
	.slider_item {
    height: 230px;
    background-size: cover;
}
}


@media (max-width: 767px) {
	.slider_item {
    height: 200px !important;
    background-size: cover !important;
}
}


@media (max-width: 690px) {
	.slider_item {
    height: 180px !important;
    background-size: cover !important;
}
}


@media (max-width: 620px) {
	.slider_item {
    height: 160px !important;
    background-size: cover !important;
}
}

@media (max-width: 550px) {
	.slider_item {
    height: 150px !important;
    background-size: cover !important;
}
}




@media (max-width: 1024px) {
	
}

/* ---- Start of max-width 992px CSS ---- */
@media (max-width: 992px) {
    .sm-padding{ padding: 15px; }
    .about_content{ padding: 0; }
    

}
/* ---- End of max-width 992px CSS ---- */


/* ---- 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: 20px;
    }
    h3{
        font-size: 16px;
    }
    p br{
        display: none;
    }
    .padding{
        padding: 60px 0;
    }
    .xs-padding{
    	padding: 15px;
    }
    .slider_item{
        height: 450px;
    }
    .service_section.overlay:before{
        width: 100%;
    }
    .project_slider .slide_content .project_info{
        width: 80%;
        margin: 0 auto;
    }
	.contact_form .form-group .col-sm-6:first-child{
        margin-bottom: 15px;
    }
}
/* ---- End of max-width 767px CSS ---- */


/* ---- Start of max-width 520px CSS ---- */
@media all and (max-width: 520px) {
    .col-xs-6{
		float: none;
		width: 100%;
	}
    .slider_item{
        height: 380px;
    }
    .footer_section,
    .footer_social{
        text-align: center;
    }

.slider_item {
   height: 150px !important;
    background-size: cover !important;
}

}
/* ---- End of max-width 520px CSS ---- */

@media (max-width: 500px) {
	.slider_item {
    height: 130px !important;
    background-size: cover !important;
}
}

@media (max-width: 480px) {
	.slider_item {
    height: 120px !important;
    background-size: cover !important;
}
}

@media (max-width: 440px) {
	.slider_item {
    height: 110px !important;
    background-size: cover !important;
}
}

@media (max-width: 390px) {
	.slider_item {
    height: 100px !important;
    background-size: cover !important;
}
}


/* ---- 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 ---- */