@media only screen and (min-width:650px) and (max-width: 1024px) {
    .px-0 {
        padding: 0;
    }
    .for-title .module-header h3 {
        font-size: 14px;
    }
    .header-main .top-header .header-links {
        display: none;
    }
    .header-main .top-header .quick-mobile {
        display: block;
    }
    .header-main .top-header .main-logo {
        text-align: center;
    }
    .header-main .mid-header {
        margin-top: 5px;
        padding-bottom: 5px;
        margin-bottom: 0px;
    }
    .header-main .top-header .for-quick .dropdown-menu {
        right: 0;
        min-width: auto;
        left: auto;
        text-align: right;
    }
    .header-main .mid-header .main-nav .navbar-nav>li {
        width: 100%;
    }
    .header-main .mid-header .main-nav .navbar-nav {
        margin: 0;
    }
    .header-main .mid-header .main-nav .navbar-collapse {
        padding: 0;
        position: fixed;
        background-color: var(--green);
        z-index: 99999;
        width: 35%;
        left: -35%;
        top: 0;
        height: 100% !important;
        display: block;
        transition: .5s all;
    }
    .header-main .mid-header .main-nav .navbar-default .navbar-nav>li>a {
        color: #fff;
    }
    .header-main .mid-header .main-nav .collapse.in {
        left: 0;
    }
    .header-main .mid-header .main-nav .navbar-nav li:first-child a {
        padding-right: 15px;
    }
    .header-main .mid-header .search-main .input-group {
        width: auto;
    }
    .header-main .mid-header .search-main {
        padding: 0;
    }
	.header-main .mid-header .navbar-default .navbar-toggle {
		display:block;
	}
    .header-main .mid-header .search-main .form-control::placeholder {
        font-size: 12px;
    }
    .content-main .main-slider .camera_wrap .camera_caption {
        width: 100%;
        left: 0;
    }
    .content-main .main-slider .camera_wrap .camera_Title {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .content-main .main-slider .camera_wrap .camera_caption div {
        font-size: 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        direction: rtl;
    }
    .content-main .main-slider .camera_wrap::before {
        left: -40%;
        width: 180%;
    }
	.content-main .main-slider .camera_wrap {
		height:400px;
	}
    .content-main .services .service-all .ten-servece, .content-main .services .service-all .five-servece {
        margin: 0;
    }
    .content-main .services .service-all {
        justify-content: flex-start;
        overflow: scroll;
        padding: 20px 15px;
    }
    .content-main .services .service-all .service-box {
        margin-left: 20px !important;
    }
    .content-main .mid-news .module-header .en-title {
        width: 100%;
    }
    .content-main .mid-news .slides {
        flex-direction: column;
    }
    .content-main .mid-news .item-row {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .content-main .links .links-box {
        margin-bottom: 15px;
    }
    .content-main .links {
        padding: 15px 0;
    }
	.content-main .links .row {
		margin:0;
	}
    .content-main .quick-links .quick ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    .content-main .quick-links .quick ul li {
        margin-bottom: 10px;
    }
    .footer-main .top-footer .footer-links .links-list a {
        font-size: 12px;
    }
    .content-main .main-news .owl-nav .owl-prev, .content-main .main-news .owl-nav .owl-next {
        width: 30px;
        height: 30px;
    }
    .content-main .main-news .owl-nav .owl-prev {
        right: 0;
    }
    .content-main .main-news .owl-nav .owl-next {
        left: 0;
    }
	.content-main .pub-slider .gallery .container {
		padding:0 15px;
	}
	.content-main .links .survey {
		margin-bottom:15px;
	}
	.content-main .main-news .nav-tabs > li {
		width:100%;
	}
	.content-main .main-news .nav-tabs > li a {
		margin-left:0;
	}
	.content-main .links .row > div {
		padding: 0 15px;
	}
	.footer-main .top-footer .footer-links .navbar-header {
		display:none !important;
	}
	.footer-main .top-footer .footer-links .navbar-default .navbar-collapse {
		display:block ;
	}
	.footer-main .last-footer .copy-box {
		flex-direction:column;
		text-align:center;
	}

}

@media only screen and (min-width:900px) and (max-width: 1024px) {}