@media only screen and (min-width: 768px){
.header-upper {width: 100%;
    background-color: rgba(250, 250, 250, 0.15);
    position: absolute;
    z-index: 100;}
}

@media only screen and (max-width: 7000px){
	.page-wrapper{
		overflow: hidden;
	}
	
}


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

	.main-menu .navigation>li:nth-last-child(-n+3)>ul>li>ul {
	    left: auto;
	    right: 100%;
	}
	.main-menu .navigation > li:nth-last-child(-n+2) > ul {
	    left: auto;
	    right: 0;
	}
	.main-menu .navigation > li:nth-last-child(-n+2) > ul > li > ul {
	    left: auto;
	    right: 100%;
	}
	.banner-section .content-box h4:before {
		display: none;
	}
}
@media only screen and (min-width: 768px){
header.sticky .header-upper{
    position: fixed;
    top: 0;
    z-index: 999;
    margin: 0;
    -webkit-animation: fadeInDown 0.8s ease-in-out;
    -moz-animation: fadeInDown 0.8s ease-in-out;
    -ms-animation: fadeInDown 0.8s ease-in-out;
    -o-animation: fadeInDown 0.8s ease-in-out;
    animation: fadeInDown 0.8s ease-in-out;
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
    border-bottom: none;
    width: 100%;
    left: 0;
    right: 0;
    height: 91px;
    background: #1e2b2f;}
}
@media only screen and (min-width: 320px){

.wert {display: unset !important;}
.owl-carousel1 .owl-nav{display: none;}
.main-menu .navigation>li.mobile_contact{display: none !important;}
.containpostin{position: relative;z-index: 1;}
.main-menu .navigation>li>ul{display: flex !important;
        padding-left: 0;
        flex-wrap: wrap;
        max-width: 340px;
        margin: auto;
        left: 0;
        right: 0;}


}

@media only screen and (max-width: 991px){
    .about-us-area.pb-100 {
        padding-bottom: 15px !important;
    }
    .common_heading{padding-top: 35px;}
	.m_buuton{display: none!important;}
	.menu-outer{height: 400px;}
	.rightasiedbar{margin-top: 15px;}
	.owl-carousel1 .owl-nav{display: none;}
	.icon_close_alt2:before {
    content: "x";
    color: #d9d9d9;
    border: solid 1px;
    width: 35px;
    height: 35px;
    display: block;}
	.mobile-menu .navigation li>a{color: #d3d3d3;
        border-bottom: dotted 1px #717171;}
	.mobile_contact{display: block;}
	.main-header .nav-outer .main-menu{display: none !important;}
	.nav-outer .mobile-nav-toggler{display: block;}
	.navbar-right-info{display: none !important;}
	.pro_01_b .left_img, .pro_01_b .right_contain {width: 100%;}
	.pro_01_b{flex-direction: column;}
	.pro_01_b .right_contain{margin-left: 0;padding: 0 25px;}
    .mobi_none{display: none;}
    .mobi_none.active{display: block;width: 250px !important;}
    .development_box_wrrrap{flex-direction: column;}
    .development_box_wrrrap .icon_box {
    width: 73px;
    margin-bottom: 25px;}
    .video-box {height: 323px;
    object-fit: cover;margin: 35px 0 0;}
    .blog_section{padding: 0 25px;}
}

@media only screen and (min-width: 768px){
	/*.main-menu .navigation > li > ul,*/
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;}
		.thumb_imghone{width: 171px;
			padding-right: 15px;}
		.iklmk{width: 250px;}
	.wert{display: flex;
		justify-content: space-between;}	
}


@media only screen and (min-width: 320px){
	.inner_container{padding: 10px 0;}
	
}

@media screen and (max-width: 1190px) and (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 98%;
    }
    .tarmat_tex{font-size: 99px;}
    .main-header .outer-box{margin-left: initial;}
}


@media only screen and (max-width: 1023px){
    .tarmat_tex {font-size: 45px;
        text-shadow: 0px 0 #ffffff, 0 0px #ffffff, 0px 0 #ffffff, 0 0px #ffffff, 0px 2px #ffffff, 0px 0px #ffffff, 0px 0px #ffffff, 0px 0px #ffffff, 1px 1px #ffffff;
    }
    .main-header.background-header .mobile-nav-toggler{color: rgb(0 0 0);}

    .main-header .outer-box {
        margin-left: var(--margin-zero);
    }
    .m_buuton{display: none !important;}
    .main-header .outer-box .mobile-nav-toggler {
        display: block;
    }
    #navbarSupportedContent {
        display: block;
    }
    .main-header .main-menu {
        display: none !important;
    }
}
@media only screen and (max-width: 991px){
    .grid .grid-item{width: 40%;}
    .single-content img {
        height: 231px;}
    .gallery-section .gallery-box {
        padding: 2px;
        display: grid;
        grid-template-columns: repeat(2, auto);
        grid-auto-rows: 38vw;
        grid-auto-flow: dense;
    }

    .gallery-section .gallery-box.ngol{
        padding: 2px;
        display: grid;
        grid-template-columns: repeat(2, auto);
        grid-auto-rows: 38vw;
        grid-auto-flow: dense;
    }

.foter_logo{text-align: center;}
.foter_logo img{width: 200px;}
.social_icon {
    width: 200px;
    /* margin-top: 35px; */
    margin: 35px auto 50px;}
}
@media only screen and (max-width: 767px){
    .filter-button-group ul{padding: 0;
        display: flex;
        flex-wrap: nowrap;
        overflow: scroll;}
    .video_box_area .overlay-box span{width: 83px;
        height: 83px;line-height: 86px;}
        .video_box_area .ripple, .video_box_area .ripple:before, .video_box_area .ripple:after{width: 80px;
            height: 80px;}
.grid .grid-item{width: 90%;
    margin: 0 3px 10px;}
.header-upper {background: #1d1d1d;}
.sub-header .left-content p{text-align: center;}
.right-icons ul{text-align: center;padding: 0;}
.menu_footer{margin-bottom: var(--margin-bottom-30);}
.menu_footer h3{margin-bottom: var(--margin-bottom-10);}
.counter_bg_box {
    width: 100%;
    margin: 131px auto 0;
    padding: 20px 24px;}
.img_box_map{display: none;}
.counter .item_text h1{font-size: 48px;}
.counter .item_text h3 {
    font-size: 48px;}
}

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

    .joint_us h2 {
        line-height: 39px;
        letter-spacing: 0.2px;
        font-size: 29px;
    }

.tarmat_tex {
    font-size: 27px;}
    .footer_containt {
        padding-top: var(--margin-top-20);
        padding-bottom: var(--padding-bottom-30);
    }
}

@media only screen and (max-width: 412px){
.banner-text h1{font-size: 30px;line-height: 40px;}
.banner-text p{font-size: 17px;line-height: 24px;}
.section_heding h2{line-height: 42px;font-size: var(--font-30);}
.counter.d-flex{flex-direction: column;}
.counter .item_text{margin-bottom: 30px;}
.content_model .price{text-align: center;margin: 35px 0 0;}
}