@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: 2.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%;}
    .socialmedia_wrap {width: 45%;}
    .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;}
    .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;}
}