@media only screen and (min-width: 0px) and (max-width: 640px) {
    /*---------------------- Header ---------------------*/
    .px-0 {
        padding: 0;
    }
	.d-xs-none {
		display: none;
	}
	.row {
		margin:0;
	}
    .header-main .header-covid .open .covid-area {
        height: 155px;
    }
    .header-main .header-covid .covid-area ul {
        flex-wrap: wrap;
    }
	    .header-main .top-menu {
        background-image: linear-gradient(to bottom, #274185 100%, rgba(0, 25, 90, 0) 100%);
    }
    .header-main .top-menu .navbar {
        min-height: 75px;
    }
    .header-main .top-menu .sait-logo {
        margin: 0;
        right: 15px;
        top: 15px;
        height: 70px;
    }
    .header-main .top-menu .navbar-toggle {
        float: left;
        background-color: #fff;
        margin: 0;
        position: absolute;
        left: 15px;
        top: 30px;
		padding: 0;
		width: 30px;
		height: 30px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border-radius: 5px;
    }
    .header-main .top-menu .container-fluid>.navbar-collapse, .header-main .top-menu .container-fluid>.navbar-header, .header-main .top-menu .container>.navbar-collapse, .container>.navbar-header {
        margin: 0;
    }
    .navbar-toggle .icon-bar {
        background-color: #000;
    }
    .header-main .top-menu .navbar-collapse {
        position: fixed;
        padding: 0;
        height: 100%;
        width: 100%;
        background-color: #eee;
        z-index: 999;
        top: 0;
        right: -100%;
        display: block !important;
        transition: .5s all ;
    }
    .header-main .top-menu .navbar-collapse.in {
        right: 0;
    }
    .header-main .top-menu .all-nav {
        flex-direction: column;
        height: auto;
        padding: 15px;
        padding-top: 60px;
    }
    .header-main .top-menu .navbar-nav {
        width: 100%;
        margin: 0;
    }
    .header-main .top-menu .navbar-nav .nav-box li a {
        color: #000;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .header-main .top-menu .navbar-nav .down-nav ul li a {
        color: #000;
    }
    .header-main .top-menu .navbar-nav .nav-box {
        flex-direction: column;
        padding: 0;
        border: none;
    }
    .header-main .top-menu .navbar-nav .nav-box li {
        margin-left: 0;
        height: 50px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        flex-direction: column;
    }
    .header-main .top-menu .navbar-nav .nav-box li .mega-menu {
        position: static;
        display: none;
        padding: 0;
        margin-right: 15px;
        transition: .5s all;
    }
    .header-main .top-menu .navbar-nav .nav-box li.open .mega-menu {
        display: block;
    }
    
    .header-main .top-menu .navbar-nav .nav-box li.open {
        height: auto;
        transition: .5s all;
        border-bottom: none;
    }
    .header-main .top-menu .navbar-nav .nav-box li .mega-menu h4 {
        padding-right: 30px;
    }
    .header-main .top-menu .navbar-nav .nav-box li .mega-menu h4::before {
        right: -5px;
    }
    .header-main .top-menu .navbar-nav .nav-box li .mega-menu li {
        margin-bottom: 0;
    }
    .header-main .top-menu .navbar-nav .nav-box li .mega-item {
        margin-top: 20px;
    }
    .header-main .top-menu .navbar-nav .nav-box li .mega-menu li::before {
        top: 20px;
    }
    .header-main .top-menu .navbar-nav .down-nav {
        display: none;
    }
    .close-menu {
        display: flex !important;
        flex-direction: row-reverse;
        width: 100%;
        height: 60px;
        position: absolute;
        top: 0px;
        left: 5px;
        border-bottom: 1px solid #000;
        right: 0;
        justify-content: space-between;
    }
    .close-menu .close-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 35px;
        height: 35px;
        margin-top: 20px;
        position: relative;
        cursor: pointer;
    }
    .close-menu .close-icon::before, .close-menu .close-icon::after {
        content: '';
        width: 20px;
        height: 2px;
        background-color: #000;
        position: absolute;
        border-radius: 2px;
    }
    .close-menu .close-icon::before {
        transform: rotate(-43deg);
        top: 8px;
    }
    .close-menu .close-icon::after {
        transform: rotate(43deg);
top: 8px;
    }
    .close-menu img {
        margin-right: 10px;
    }
    .icon0 {
        display: none;
    }
    .header-main .top-menu .res-search {
        display: block;
        position: relative;
        margin-top: 15px;
    }
    .header-main .top-menu .res-search input {
        width: 100%;
        border: none;
        background-color: #fff;
        padding: 10px 15px;
        border-radius: 10px;
    }
    .header-main .top-menu .res-search span {
        position: absolute;
        top: 10px;
        left: 15px;
        font-size: 17px;
        cursor: pointer;
    }
    .header-main .top-menu .navbar-nav .nav-box li .mega-menu::before {
        border-radius: 0px;
    }
	.gallery .items-container > div:last-child {
		width:100%;
	}
	.gallery .items-container {
		margin:0;
	}
	.header-main .top-menu .en-title {
		position: absolute;
		color: #000;
		left: 55px;
		top: 30px;
		width: 30px;
		height: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #fff;
		border-radius: 5px;
		display:block;
	}
    .box-prjct {
        width: auto;
    }
    .box-prjct .inner-box .content-prjct .footer-prjct .btn-view .inner-btn a {
        left: 15px;
    }
	.content-main .mid-countdown {
		padding:0;
	}
	
	.content-main .mid-countdown .count-all {
		padding: 30px 15px;
		overflow: scroll;
	}
	.content-main .mid-countdown .count-all .count-box {
		flex: 1 0 auto;
		margin-left:15px;
	}
	.content-main .links {
		padding:15px 0;
	}
	.content-main .links .links-box ,
	.content-main .links .survey
	{
		margin-bottom:15px;
	}
	.content-main .main-tab .madani-pan .slide-groups {
		margin-bottom:15px;
	}
	.content-main .main-tab .madani-pan .slides {
		justify-content:center;
	}
	.footer-main .top-footer .footer-links .links-list a {
		font-size:12px;
	}
	.footer-main .top-footer .footer-links h3 {
		text-align:center;
	}
	.footer-main .last-footer .copy-box {
		flex-direction:column;
		text-align:center;
	}
	.footer-main .last-footer .copy-box span {
		font-size:12px;
	}
	.footer-main .map-sait {
		flex-direction: column;
	}
	.footer-main .map-sait .sait-map {
		margin-right:0;
		margin-top:20px;
	}
}

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