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



}

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

    #masthead{padding: 1% 1% 0;}

    #menu_tabs{width: 100%;}

    #menu_tabs li{

        margin: 0 8px;

    }

    #menu_tabs li a{font-size: 16px;padding: 1.6rem 0.5rem;}

    .sliders_carousel .descriptions{right: 6.6%;}

    .gallery_list .list{display: block !important;width: 55%;text-align: center;}

    .container{width: 100%;}

    .socialmedia_wrap ul li a{

        width: 28px;

        height: 28px;

        text-align: center;

        padding: 0;

        line-height: 28px;

        font-size: 14px;

    }

}

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

    #masthead{padding: 1% 1% 0;}

    #menu_tabs li {margin: 5px 15px;}

    #menu_tabs li a{padding: 1rem 0.5rem;}

    .menus_wrap{vertical-align: middle;align-items: center;}

    #site-navigation{

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        height: 100%;

    }

    #site-navigation .navbar-toggler {

        margin: 30px 0;

        background: transparent;

        border: navajowhite;

        font-size: 35px;

        color: #530000;

    }

    #site-navigation .navbar-toggler:focus,

    #site-navigation .navbar-toggler:focus-visible{outline: none;box-shadow: none;}

    .sliders_carousel .descriptions{width: 85%;right: 2.5%;}

    #menu_tabs li{border-bottom: 1px solid #f3f3f3;}

    .navbar-toggler{background: #fff;padding: 10px 15px;}

    #menu_tabs li a i{float: left;}

    #menu_tabs li .dropdown-menu{width: 100%;position: static;

        border: none;

        border-top-width: medium;

        border-top-style: none;

        border-top-color: currentcolor;

        border-top: 3px solid var(--textcolor);

        background: #f9f9f9;}

    .navbar-collapse{position: fixed;width: 100vw;right: 0;top: 112px;z-index: 99;background-color: #fff;text-align: right;}

    .our_projects .project_inner{  width: 350px;height: 500px;margin: 0 auto;}

    .home .project-cols{width: 100%;display: block;max-width: 100%;}

    .home .our_projects .project-cols .project_inner{    width: auto;height: auto;}

    .menus_wrap{width: 35%;}
    .contactshead_wrap {width: 25%;}
    .socialmedia_wrap {width: 45%;}
    #latestpost-carousel .owl-nav .owl-next{right: 3%;background: rgba(32, 32, 32, 0.6);padding: 8px 18px;border-radius: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
    #latestpost-carousel .owl-nav .owl-prev {left:3%;background: rgba(32, 32, 32, 0.6);padding: 8px 18px;border-radius: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
    #latestpost-carousel .owl-nav .owl-next:hover{background: var(--textcolor);color: #f3f3f3;}
    #latestpost-carousel .owl-nav .owl-prev:hover{background: var(--textcolor);color: #f3f3f3;}    
    .socialmedia_wrap ul{display: none;}

    /**/

    .aboutus-section .images {

        position: relative;

        width: 80%;    margin: 0 auto;

        margin-bottom: 25px;

        display: block;

    }

    .aboutus-section .texts{width: 100%;display: block;}

    .our_feautreds .container .descrips h2 {font-size: 2.4rem;}

    .container{width: 100%;max-width: 100%;}

    .abouts_videos video{max-width: 100%;}

    .widget-services .widget-feautres ul,

    .widget-post,.widget-orders{margin-right: 0;}

    .widget-post .thumbnails,.widget-post .contents{width: 100%;max-width: 100%;}

    /*==== =====*/

    .page .headers{padding: 15px !important;margin-bottom: 35px !important;}

    .page .aboutus-section .images{width: 65%;}

    .page .gallery_cols{width: 48%;}

    .page .gallery_list ul.list{width: 55%;margin-bottom: 35px;}

    .page .gallery_cols{width: 100%;}

    .our_gallery_pages .gallery_inner video{max-height: none;}

    .page-contact .contact_details_cols h3{font-size: 3.4rem;}

    .page-contact .contact_details_cols .contact-information .contact-info .contact-info_icon {width: 68px;}

    .page-contact .contact_details_cols .contact-information .contact-info .media-body {width: 80%;}

    .breadcrumb ul{width: 51%;}

}



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

    .page .gallery_list ul.list{width: 100%;}

    .site-footers .cols_foot.foots_logos{padding-right: 0;}

    .page-contact .contact_details_cols .contact-information .contact-info .media-body {width: 75%;}

    .widget-services .widget-feautres ul{padding: 5px;}

    .site-footers .cols_foot,

    .site-footers .cols_foot.foots_logos,

    .site-footers .cols_foot.foots_contacts{width: 100%;margin-bottom: 10%;}

    .site-footers .menu-list li{display: block;width: 100%;}

    .site-footers .menus_contacts li .icons{text-align: center;padding-right: 15px;}

    .sliders_carousel .descriptions{top: 30%;right: 4%;}

    .sliders_carousel .descriptions h1 {font-size: 3rem;}

}

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

    .logos_wrap{width:45%;float:right;}

    .menus_wrap{width: 55%;float: left;display: block;}
    .socialmedia_wrap{position: fixed;width: 100% !important;position: static;padding: 0;}

    .socialmedia_wrap .search-panel{float: none;width: 93%;margin: 0 auto;}

    .socialmedia_wrap ul{margin: 0;}

    #site-navigation{display: block;text-align: left;}

    #site-navigation .navbar-toggler{margin: 30px 0;}

    .our_services .thumbnails{margin: 5px 0;}

    .sliders_carousel .descriptions{right: 10px;top: 20%;}

    .page .aboutus-section .images{width: 100%;}

    .site-footers{padding: 15px;}

    .site-footers .cols_foot,

    .site-footers .cols_foot.foots_logos,

    .site-footers .cols_foot.foots_contacts{width: 100%;}

    .site-footers .menus_contacts li .icons{text-align: center;}

    .site-footers .cols_foot.foots_logos{padding-right: 15px;}

    .our_projects .project_inner img{width: 100%;}

    .our_projects .project_inner h3{text-align: center;padding: 5px;}

    .our_projects .project_inner article{text-align: center;padding: 5px;}

    article aside{margin-top: 35px;}

    .breadcrumb h3{width: 100%;display: block;float: none;}

    .breadcrumb ul{width: 100%;

        clear: both;

        float: none;text-align: right;

        margin-top: 16px;}

        .breadcrumb ul li{padding: 0;padding-left: 10px;}

        .breadcrumb ul li:last-child{padding-right: 10px;}
        .contactshead_wrap{display: none;}

}