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



}

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

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

    #masthead #menu_tabs{width: 100%;}

    #masthead #menu_tabs li{

        margin: 0 8px;

    }

    #masthead #menu_tabs li a{font-size: 16px;padding: 2.4rem 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;}
    #masthead #menu_tabs li {margin: 5px 15px;}
    #masthead #menu_tabs li a{padding: 1rem 0.5rem;  color: #111;}
    .menus_wrap{vertical-align: middle;align-items: center;}
    #site-navigation{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    .sliders_carousel{min-height: 78vh;}
    .sliders_carousel .descriptions h5{margin-bottom: 15px;font-size: 1.3rem;}
    .sliders_carousel .descriptions h1{line-height: 1.3;}
    .sliders_carousel .descriptions p {
        font-size: 23px;
        line-height: 38px;
    }
    .sliders_carousel .images img {height: 100%;}
    #site-navigation .navbar-toggler {
        margin: 30px 0;
        background: transparent;
        border: navajowhite;
        font-size: 35px;
        color: #fff;
    }
    header.fixed #site-navigation .navbar-toggler{color: #273f84;}
    #site-navigation .navbar-toggler:focus,
    #site-navigation .navbar-toggler:focus-visible{outline: none;box-shadow: none;}
    .sliders_carousel .descriptions{width: 85%;right: 2.5%;}
    #masthead #menu_tabs li{border-bottom: 1px solid #f3f3f3;}
    .navbar-toggler{background: #fff;padding: 10px 15px;}
    #masthead #menu_tabs li a i{float: left;}
    #masthead #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: 91px;z-index: 99;background-color: #f8f8f8;-webkit-box-shadow: 0px 10px 10px 1px #1111116e;-moz-box-shadow: 0px 10px 10px 1px #1111116e;box-shadow: 0px 10px 10px 1px #1111116e;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%;}
    .our_services div.service{display: block;}
    .our_services div.service .thumbnails{width: 100%;}
    .our_services div.service .description {width: 100%;}
}



@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;}

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

    .sliders_carousel .descriptions{right: 10px;top: 20%;width: 95%;}
    .sliders_carousel .descriptions h1 {
        font-size: 2.5rem;
    }
    .page .aboutus-section .images{width: 100%;}
    .vission_misons{padding: 15px !important;}
    .vission_misons .vmisons{display: block !important;}
    .vission_misons .vmisons .col{width: 100%;margin:15px 0;}
    .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;}
    .logos_wrap a img{max-width: 220px !important;}
    #site-navigation .navbar-toggler {margin: 15px 0px;}
    .our_services div.service:nth-child(odd) .description,
    .our_services div.service:nth-child(even) .description,
    .our_services div.service:nth-child(odd) .thumbnails,
    .our_services div.service:nth-child(even) .thumbnails{width:100%;float:none;height: auto;}
}