@media(max-width:1199px) {
.our_project_area .col-md-3{width:100%}
.project_left_side .our_project_filter{position:relative;right:0;bottom:0;text-align:left;margin-top:30px;margin-bottom:30px}
.project_left_side{min-height:auto}
.project_left_side .our_project_filter li{margin-bottom:0;display:inline-block;margin-right:20px}
.our_project_area .col-md-9{width:100%}
.our_project_details .project_item img{width:100%}
.project_collaps .panel-default .panel-heading .panel-title a{font-size:13px}
}
@media(max-width:992px) {
.our_project_details .project_item{width:100%}
.our_project2_area.our_project_two_column .our_project_details .col-md-6{padding:0;width:100%}
.project_grid_two .our_project_details{max-width:540px;margin:auto}
.our_project_details{margin-top:116px}
.our_project_details .project_item .project_hover{padding:18px}
.our_project_details .project_item .project_hover .project_hover_inner{padding:0 20px;overflow:visible;opacity:1;background:rgba(220,180,111,.8);position:static;transform:none;top:0;height:100%}
.our_project_details .project_item .project_hover .project_hover_inner .project_hover_content{padding:18px}
.our_project_details .project_item .project_hover .project_hover_inner .project_hover_content h4{font-size:14px;text-transform:uppercase;font-weight:700;opacity:1;color:#f9f9ff;-webkit-transform:none;-ms-transform:none;transform:none;transition:none}
.our_project_details .project_item .project_hover .project_hover_inner .project_hover_content p{font-size:12px;line-height:22px;padding:5px 10px;opacity:1;color:#f9f9ff;-webkit-transform:none;-ms-transform:none;transform:none;transition:none}
.our_project_details .project_item .project_hover .project_hover_inner .project_hover_content .view_btn{text-transform:uppercase;opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;transition:none}
}
@media(max-width:767px) {
.our_project_details{max-width:380px;margin:0 auto -30px}
.our_project2_area .our_project_filter li a{border:none}
.our_project2_area .our_project_filter li.active a{border:none;color:#ffcd00}
.main_header_area + .row,.main_header_area + div,.main_header_area + section{margin-top:74px}
.our_project2_area.our_project_two_column .our_project_details{max-width:100%}
.section-tittle span.back-text{font-size:50px}
}
@media(max-width:575px) {
.our_project_details .project_item{width:calc(100% / 1);float:none;max-width:300px}
.our_project_details{max-width:300px;margin:auto}
.quoto_slider_area .quoto_slider_inner .owl-next,.quoto_slider_area .quoto_slider_inner .owl-prev{display:none;cursor:pointer}
.banner_inner_text ul li a{font-size:14px}
.image_text .media .media-left{padding-right:0;display:block;margin-bottom:20px}
.image_text .media{display:block}
.image_text .img_list{padding-left:30px;padding-bottom:30px}
.blog_d_text .quote_text{padding-left:0}
.our_project2_area.our_project_two_column .our_project_details .project_item{width:100%;max-width:100%}
.our_project2_area.our_project_two_column .our_project_details .project_item .project_hover .project_hover_inner .project_hover_content{padding:0 10px}
.our_project2_area.our_project_two_column .our_project_details .project_item .project_hover .project_hover_inner .project_hover_content p{padding:5px 0 10px;font-size:12px}
.our_project_details .project_item .project_hover{padding:0}
.our_project2_area.our_project_two_column .our_project_details .project_item .project_hover .project_hover_inner .project_hover_content h4{font-size:18px}
.our_project2_area.our_project_two_column .our_project_details .project_item .project_hover .project_hover_inner .project_hover_content .view_btn{font-size:12px;padding:0 25px;line-height:30px}
.our_project2_area.project_grid_two .our_project_details .project_item{max-width:100%}
.our_project2_area.our_project_three_column .our_project_details .project_item .project_hover .project_hover_inner{padding:0 10px}
.pre_hover{padding:0 30px}
.pre_construction_item{padding:30px 0}
.chose_video_inner a{width:12%}
.service_brochure a{margin-right:0;display:block}
}
@media(max-width:480px) {
.main_menu_area .navbar.navbar-default .navbar-collapse{max-height:270px}
.main_menu_area .navbar.navbar-default .navbar-header .navbar-brand img{width:70%}
.our_service_area .left_service .left_service_inner .service_item{width:100%;float:none;max-width:350px;margin:auto}
.our_service_area .left_service .left_service_inner .service_item:nth-last-child(-n+2){padding-bottom:20px}
.comment_list_inner .media.reply{margin-left:0}
.our_project2_area.project_grid_two .our_project_details .project_item .project_hover .project_hover_inner .project_hover_content p{font-size:12px;line-height:22px;padding-top:0;padding-bottom:5px}
.our_project2_area.project_grid_two .our_project_details .project_item .project_hover .project_hover_inner .project_hover_content .view_btn{line-height:30px;padding:0 16px;font-size:14px}
.our_project2_area.project_grid_two .our_project_details .project_item .project_hover .project_hover_inner .project_hover_content h4{font-size:18px}
.our_project_details .project_item .project_hover{padding:18px}
.our_project_details .project_item .project_hover .project_hover_inner{padding:0 20px;overflow:visible;opacity:1;background:rgba(220,180,111,.8);position:static;transform:none;top:0;height:100%}
.our_project_details .project_item .project_hover .project_hover_inner .project_hover_content{padding:18px}
.our_project_details .project_item .project_hover .project_hover_inner .project_hover_content h4{font-size:14px;text-transform:uppercase;font-weight:700;opacity:1;color:#f9f9ff;-webkit-transform:none;-ms-transform:none;transform:none;transition:none}
.our_project_details .project_item .project_hover .project_hover_inner .project_hover_content p{font-size:12px;line-height:22px;padding:5px 10px;opacity:1;color:#f9f9ff;-webkit-transform:none;-ms-transform:none;transform:none;transition:none}
.our_project_details .project_item .project_hover .project_hover_inner .project_hover_content .view_btn{text-transform:uppercase;opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;transition:none}
.our_project2_area.our_project_three_column .our_project_details .project_item .project_hover .project_hover_inner .project_hover_content p{padding:6px 0 8px}
.pre_construction_item img{width:auto}
.pre_construction_right img{width:auto}
.project_collaps .panel-default .panel-heading .panel-title a{padding-left:20px;padding-right:40px;position:relative}
.project_collaps .panel-default .panel-heading .panel-title a i{float:none;position:absolute;right:20px;top:50%;margin:0;transform:translateY(-50%)}
.project_s_tab .nav.nav-tabs li a{padding:0 15px}
.other_service_area .other_service_slider .owl-next,.other_service_area .other_service_slider .owl-prev{top:auto;bottom:-50px}
}
@media (min-width:1400px) {
.container{max-width:1200px!important}
.blog-area .single-blog-post .details{width:100%; height:auto;/*min-height:380px!important;background-color:rgba(220,180,111,0.3);padding:20px*/}
    #divMainGallery {
        width: 100%;
        min-height: 550px;
        background-color: #000000;
    }
}
@media (max-width:1399px) {
.container{max-width:1000px!important;font-size:90%}
.blog-area .single-blog-post .details{width:100%;padding:0px}
   .breifs {
        min-height: 150px !important;
    }
    .title {
        min-height: 30px !important;
    }
#boxes .window{max-width:600px}
}
@media (max-width:1099px) {
.container{max-width:930px!important}
    #header #logo img {
         height: 30px !important;
    }
}

@media (max-width:1099px) {
    .container {
        max-width: 930px !important
    }

    #header #logo img {
        height: 30px !important;
    }
    #divMainGallery {
        width: 100%;
        min-height: 250px;
        background-color: #000000;
    }
}