@media only screen and (max-width: 1170px) {
    .logo-box{
        display: none;
    }
	.archive-btn{
		display: block;
		position: absolute;
		transform: rotate(-90deg);
		left: -43px;
		top: 0;
	}
	nav ul{
		overflow: scroll;
	}
	nav ul li:last-child{
		margin-bottom:80px;
	}
    nav{
        height: 60px;
    }
	nav ul li{
		height: auto;
	}
	nav ul li ul{
		width: 100%;
		height:auto;
		position: relative;
		top: 0;
	}
	nav ul li ul li ul{
		width: 100%;
		height:auto;
		position: relative;
		top: 0;
		right: -140px;
	}
    .topslide {
        margin-top: 60px !important;
    }
    .main{
        width: 99%;
    }
    .main2{
        width: 99%;
    }
    .content-tabs{
        width: 100%;
    }
    .bg-one-txt{
        width: 97%;
        float: right;
    }
    .bg-one-txt h2{
        text-align: center;
    }
    .bg-one-txt p{
        padding-right: 15px;
    }
    .tab-item::after{
        display: none;
    }
    .tab-item{
        width: 50%;
        border-radius: 0 !important;
        float: right;
    }
    .tab-items{
        width: 100%;
    }
    .sbp1,sbn1,.bg-two-left{
        display: none;
    }
    .main-DescriptionCo{
        float: inherit;
        margin: auto;
        padding-top: 30px;
    }
    nav ul{
        width: 140px;
        position: absolute;
        background: #fff;
        height: 100vh;
        top: 25px;
        left: 0;
        border-top: 3px solid #f9f9f9;
        padding: 0;
        box-shadow: 1px 0 1px #0000002e;
        display: none;
    }
    nav ul li{
        width:  100%;
        margin-bottom: 10px;
    }
    .btn-more-2 {
        margin-left: 35px;
    }
    .labtop{
        display: none;
    }
    .item-post{
        width: 48%;
        height: auto;
    }
    .item-post-img{
        height: auto;
    }
    .gallery-homepage img{
        height: auto;
        width: 24%;
    }
    .sbn1{
        display: none;
    }
    .footer-contact-head{
        height: auto;
    }
    .foot-contact-item{
        width: 46%;
    }
    footer{
        height: auto;
        padding-bottom: 120px;
    }
    .foot-item{
        margin: 0;
        width: 100%;
        margin-bottom: 25px;
    }
    .foot-item img{
        width: 450px;
        display: block;
        margin: auto;
        margin-top: 30px;
    }
    .footmain{
        width: 96%;
        padding:0 20px;
    }
    .box-site-item{
        width: 46%;
    }
    .swiper-slide img{
        width: 100%;
    }
    .bar1, .bar2, .bar3 {
      width: 35px;
      height: 5px;
      background-color: #333;
      margin: 6px 0;
      transition: 0.4s;
    }

    .change .bar1 {
      -webkit-transform: rotate(-45deg) translate(-9px, 6px);
      transform: rotate(-45deg) translate(-9px, 6px);
    }

    .change .bar2 {opacity: 0;}

    .change .bar3 {
      -webkit-transform: rotate(45deg) translate(-8px, -8px);
      transform: rotate(45deg) translate(-8px, -8px);
    }
    #navmenu{
        display: block;
        float: left;
        margin: 10px;
        margin-left: 20px;
    }
    
}


/*680 Screen*/
@media only screen and (max-width: 680px) {
    .city-slide-img{
        width: 100%;
        height: auto;
    }
    .city-slide img {
        width: 90%;
    }
    .city-slide p{
        margin-top: 0;
    }
    .gallery-homepage img {
        width: 47%;
    }
    .tab-item{
        width: 100%;
        position: relative;
    }
    .tab-item i{
        position: absolute;
        top: 10px;
        right: 20px;
    }
    .title-tab{
        width: 100%;
        text-align: center;
    }
    .box-site-item{
        width: 96%;
    }
    .item-post{
        width: 98%;
    }
    .hamkar-box{
        display: none;
    }
    .element-foot-city{
        display: none;
    }
    .foot-item img{
        width: 98%;
    }
    .main-DescriptionCo{
        width: 96%;
    }
    .foot-contact-item{
        width: 98%;
        margin: auto;
    }
    .footmain{
        width: 90%;
    }
    .img-post{
        width: 100%;
    }
}