@media only screen and (min-width: 0px) and (max-width: 640px) {

    .pagination-gaz,
    .header-main .header-options .date-time,
    .header-main .header-options .navbar-nav > li:first-child,
    .header-main .header-logo .left-search::after,
    .header-main .header-options .options,
    .header-main .header-options .navbar-header,
    .title-public > .desc,
    .tab-links .tab-main .nav-tabs > li::before,
    .header-main .header-options .navbar-nav > li > .dropdown-menu::before,
    .header-main .header-logo .navbar-nav > li > .dropdown-menu::before,
    .header-main .header-logos::before,
    .header-main .header-logos::after {

        display: none;
    }
	.header-main .header-options .input-group > .form-control {
    width: 130px !important;
	}
    .header-main .nav-nigc .hv-navbar .navbar-nav > li > .dropdown-menu li.open > .dropdown-menu{

        display: block;
    }

    .sp-sec {

        padding: 0;
    }
    .header-main .header-logos .img-logo > img{

        width: 90% !important;
    }
    .site-slides .site-links{

        padding-right: 0 !important;
        margin-top: 20px !important;
    }

    .site-slides .sl-sr {

        padding: 20px 15px 0 !important;
    }

    .header-main .nav-nigc .hv-navbar .navbar-toggle {

        margin: 6px 15px !important;
        padding: 8px !important;
        border: none !important;
        border-radius: 2px !important;
    }

    .header-main .nav-nigc .hv-navbar .navbar-toggle .icon-bar {

        background-color: #fff !important;
    }

    .header-main .nav-nigc .hv-navbar .navbar-nav > li .dropdown-menu {

        position: relative !important;
        font-size: 14px !important;
        box-shadow: none !important;
        background-color: #263f77 !important;
        border-radius: 0 !important;
    }

    .header-main .nav-nigc .hv-navbar .navbar-nav > li .dropdown-menu > li > a {

        color: #fff;
    }

    .header-main .nav-nigc .hv-navbar .navbar-nav > li > .dropdown-menu li > .dropdown-menu,
    .header-main .nav-nigc .hv-navbar .navbar-nav > li > .dropdown-menu li:hover > .dropdown-menu {

        font-size: 14px;
        max-width: 100%;
        box-shadow: none;
        border-top: 1px solid #fff;
        border-radius: 0;
        border-bottom: 1px solid #fff;
        margin: 5px 0;
        background-color: #162953;
    }

    .header-main .header-options .input-group > .form-control:focus {

        width: 200px;
    }

    .header-main .nav-nigc .hv-navbar .container-fluid {

        position: relative;
        z-index: 999;
    }

    .header-main .nav-nigc .hv-navbar .navbar-nav {

        display: block;
    }

    .header-main .header-options {

        padding: 0;
    }

    .header-main .header-options .navbar-collapse {

        margin: 0;
        display: block;
        border: none;
    }

    .header-main .header-options .navbar-nav {

        display: flex !important;
        justify-content: center !important;
        flex-direction: row-reverse !important;
    }

    .header-main .header-options .navbar-nav > li > a {

        margin: 0 8px !important;
        padding: 8px 0 !important;
    }

    .header-main .header-options div[class*="op-"] {

        padding: 0 0 4px !important;
        display: flex !important;
        justify-content: center !important;
        flex-direction: row-reverse !important;
    }

    .header-main .header-logo,
    .header-main .header-options {

        margin: 0;
    }

    .header-main .header-logo .right-menu {

        background-color: transparent !important;
        border: none !important;
        height: auto !important;
        padding: 0 !important;
        top: -45px !important;
    }

    .header-main .header-logo .navbar-default .navbar-header {

        margin: 0;
    }

    .header-main .header-logo .navbar-default .navbar-toggle {

        border: none !important;
        position: relative !important;
        margin: 0 !important;
        z-index: 99999 !important;
        width: 25px !important;
        height: 25px !important;
        border-radius: 2px !important;
        padding: 0 !important;
    }

    .header-main .header-logo .navbar-default .navbar-collapse {

        margin-top: 9px !important;
        border: medium none !important;
        padding: 0px !important;
    }

    .header-main .header-logo .navbar-default .navbar-nav {

        padding: 0 15px !important;
    }

    .header-main .header-logo .navbar-default .navbar-nav > li {

        width: 100% !important;
    }

    .header-main .header-logo .navbar-nav > li .dropdown-menu {

        background-color: #fff !important;
        box-shadow: none !important;
    }

    .header-main .header-logo .navbar-nav > li .dropdown-menu {

        margin-bottom: 15px !important;
    }

    .header-main .header-logo .navbar-nav .dropdown.open .dropdown-menu .dropdown-submenu > .dropdown-menu {

        border-radius: none !important;
        background-color: #f5f5f5 !important;
        display: none !important;
    }

    .header-main .header-logo .navbar-nav .dropdown.open .dropdown-menu .dropdown-submenu.open > .dropdown-menu {

        display: block !important;
    }

    .header-main .header-logo .navbar-default .navbar-toggle .icon-bar {

        width: 12px !important;
        height: 1px !important;
        margin: 0 auto !important;
        background-color: #fff !important;
    }

    .header-main .header-logo .navbar-default .navbar-toggle .icon-bar + .icon-bar {

        margin-top: 3px !important;
    }

    .header-main .header-logo .navbar-nav > li > .dropdown-menu li:hover > .dropdown-menu {

        max-width: 100% !important;
    }

    .header-main .header-logo .left-search {

        border-radius: 4px !important;
        border: none !important;
        padding: 10px !important;
        height: auto !important;
    }

    .header-main .header-logo .left-search .input-group,
    .header-main .header-logo .left-search .input-group > .form-control,
    .header-main .header-logo .left-search .input-group > .form-control:focus {

        width: 100% !important;
        margin: 0 !important;
    }

    .header-main .header-logo {

        border-top: 1px solid #eee !important;
        margin-top: 10px !important;
        padding-top: 6px !important;
    }

    .header-main .header-logo .left-search {

        top: -10px !important;
    }

    .site-slides .slideshow .image-slide {

        height: 200px !important;
    }

    .site-slides .slideshow .image-slide > img {

        height: 100% !important;
    }

    .site-slides .slideshow .txt-slide {

        width: 95% !important;
        height: auto !important;
    }

    .site-slides .slideshow .txt-slide .title {

        font-size: 12px !important;
        margin: 0 !important;
    }

    .site-slides .slideshow .txt-slide .desc {

        display: none !important;
    }

    .site-slides .slideshow .owl-nav [class*="owl-"] {

        width: 25px !important;
        height: 25px !important;
        bottom: 35% !important;
        background-color: #fff !important;
        font-size: 14px !important;
        opacity: 1 !important;
    }

    .site-slides .slideshow .owl-nav .owl-next {

        right: 10px !important;
    }

    .site-slides .slideshow .owl-nav .owl-prev {

        right: 40px !important;
    }

    .site-slides .services {

        margin-top: 15px !important;
        padding-right: 0 !important;
    }
    .services-site .quick-access{
        
        padding: 0 15px !important;
    }
    .links-group .panel-links{
        
        margin: 20px 0 !important;
        height: auto !important;
    }
    .services-site .quick-access .list-items .box-acs > i,
    .services-site .quick-access .list-items .box-acs > svg {

        display: none;
    }

    .services-site .quick-access .list-items .item-acs {

        margin-bottom: 8px !important ;
    }

    .services-site .quick-access .list-items .box-acs > .name {

        font-size: 12px !important;
        text-align: center !important;
    }

    .services-site .quick-access .list-items .box-acs {

        justify-content: center !important;
        height: 60px !important;
    }

    .services-site .quick-access .list-items .box-acs > img {

        width: 24px !important;
    }

    .title-public {

        text-align: center !important;
    }

    .title-public > .name {

        margin-right: 0 !important;
    }

    .news-tender .list-news {

        padding: 0 40px !important;
    }

    .news-tender .list-news .owl-nav .owl-next {

        right: 25px !important;
    }

    .news-tender .list-news .owl-nav .owl-prev {

        left: 25px !important;
    }

    .news-tender .lastet-tenders,
    .tab-links .site-links {

        margin-top: 20px !important;
    }

    .news-tender .list-tender .item-tender {

        margin-bottom: 10px !important;
    }

    .tab-links .tab-main {

        padding-right: 15px !important;
    }

    .tab-links .tab-main .nav-tabs {

        margin-top: 20px !important;
    }
    .tab-links .tab-main .nav-tabs{
        overflow: scroll;
        justify-content: flex-start;
    }
   
    .tab-links .tab-main .nav-tabs > li {
        padding: 0 20px;
        width: 150px !important;
        flex: 1 0 auto;
        height: 100px;
      
    }
    .tab-links .tab-main .item-notifi{
        flex-direction: column;
    }
    .tab-links .tab-main .nav-tabs > li > a {

        padding: 10px 12px !important;
    }

    .tab-links .tab-main .nav-tabs > li > a > .fas {

        font-size: 14px !important;
        width: 30px !important;
        height: 30px !important;
    }

    .tab-links .tab-main .nav-tabs > li > a > .name {

        font-size: 10px !important;
    }

    .tab-links .tab-main .list-notifi {

        margin-top: 18px !important;
    }

    .tab-links .tab-main .nav-tabs > li::after {

        bottom: -4px !important;
    }

    .tab-links .tab-main .item-notifi .img-notifi {

        width: 100% !important;
        height: auto !important;
        float: none !important;
        margin: 0 auto !important;
    }

    .tab-links .tab-main .item-notifi .title-notifi {

        white-space: inherit !important;
        width: 100% !important;
        line-height: 1.5 !important;
    }

    .tab-links .tab-main .item-notifi .desc-notifi {

        width: 100% !important;
    }

    .tab-links .site-links {

        padding-left: 15px;
    }

    .tab-links .site-links .list-links {

        height: auto;
    }
	.tab-links .inner-row {
    display: block !important;
	} 
	
	.owl-carousel.owl-rtl .owl-item {
    float: right;
    
	} 

    .footer-main .footer-info .map-footer .img-map {

        transform: scale(1.1) !important;
        height: 100% !important;
    }

    .footer-main .footer-info .map-footer:after {

        opacity: 0.3 !important;
    }

    .footer-main .footer-info .map-footer .link-map {

        width: 180px !important;
        font-size: 14px !important;
        opacity: 1 !important;
    }

    .footer-main .footer-info .info-site .top-info {

        padding: 15px !important;
    }

    .footer-main .footer-info .info-site .stat-info {

        display: none !important;
    }

    .footer-main .footer-info .info-site .stat-info .title {

        float: none !important;
    }

    .footer-main .footer-info .info-site .stat-info .list-stat {

        padding: 0 !important;
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
    }

    .footer-main .footer-info .info-site .stat-info .list-stat > li {

        margin: 0 22px !important;
    }

    .footer-main .footer-info .info-site .slogan-gaz {

        text-align: center !important;
        margin-bottom: 20px !important;
    }

    .footer-main .footer-info .info-site .about-gaz {

        text-align: center !important;
    }

    .footer-main .footer-info .bottom-info .right-address,
    .footer-main .footer-info .bottom-info .left-calls,
    .footer-main .footer-info .bottom-info {

        margin: 0 !important;
    }

    .footer-main .footer-info .bottom-info .right-address {

        border-bottom: none !important;
    }

    .footer-main .footer-info .socials-site {

        height: auto !important;
        float: right !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }

    .footer-main .footer-info .socials-site .rl-sc,
    .footer-main .footer-info .socials-site .lf-sc {

        position: relative !important;
        bottom: 0 !important;
        right: 0 !important;
        left: 0 !important;
    }

    .footer-main .footer-info .bottom-info .right-address {

        padding-right: 15px !important;
    }

    .footer-main .footer-info .bottom-info .list-call {

        display: block !important;
    }

    .footer-main .footer-info .bottom-info .list-call > li {

        margin-bottom: 8px !important;
    }

    .footer-main .footer-info .socials-site {

        margin-top: 5px !important;
    }
    .footer-main .footer-copyright{
        
        padding: 0 !important;
        text-align: center !important;
    }
    .footer-main .footer-copyright .cp-gaz{
        
        margin: 10px 0 0 !important;
        display: block !important;
        float: none !important;
    }

    .footer-main .footer-copyright .pw-itshams {

        float: none !important;
        text-align: center !important;
        display: block !important;
        margin: 5px !important;
    }

    .footer-main {

        padding: 0 !important;
    }

    .header-main .header-options .op-right .navbar-nav > li .dropdown-menu {

        position: absolute !important;
        right: 0 !important;
        background-color: #fff !important;
    }

    .header-main .header-options .op-right {

        z-index: 999999 !important;
    }

    .links-group .container,
    .links-group .panel-links{

        padding: 0 !important;
    }
    .links-group .panel-links .container{

        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
    }
    .header-main .header-logos .img-logo::before{

        width: 100% !important;
        right: 0 !important;
    }

    .links-group .panel-links .item-link,
    .links-group .panel-links .item-link:hover {

        position: relative !important;
        width: 100px !important;
        height: 100px !important;
        right: 0 !important;
        top: 0 !important;
        margin: 3.5px !important;
    }

    .links-group .panel-links .left-top3,
    .footer-main::before,
    .footer-main .copyright-text > a {

        display: none !important;
    }

    .links-group .panel-links .item-link,
    .links-group .panel-links .item-link:hover {

        margin: 5px 3.5px !important;
    }
    .right-slider .camera_target {
        height: auto !important;
    }.content-main .slaider-main .item-row .gallery-info a h3 {
    line-height: 1.2;
    font-size: 16px;
    margin-bottom: -10px;
}
 /*----------enemd-------*/
 .enemad{
    position: absolute;
    bottom: -50px;
    left: 7px;
    z-index: 20;
  }
  .enemad img{
      width: 70px !important;
  }
}

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

    .header-main .header-options .navbar-nav > li > a {

        font-size: 10px !important;
    }

    .services-site .quick-access .list-items .box-acs > i {

        margin-left: 5px !important;
    }

    .news-tender .list-news {

        padding: 0 20px !important;
    }

    .tab-links .tab-main .nav-tabs > li > a {

        padding: 10px 7px !important;
    }

    .tab-links .site-links .links-group .item-link {

        width: 47.5% !important;
    }

    .footer-main .footer-info .info-site .stat-info .list-stat > li {

        margin: 0 20px !important;
    }

    .footer-main .footer-info .info-site .slogan-gaz > .txt {

        font-size: 14px !important;
    }

    .footer-main .footer-info .info-site .slogan-gaz > .txt::before,
    .footer-main .footer-info .info-site .slogan-gaz > .txt::after {

        font-size: 14px !important;
    }

    .tab-links {

        overflow: hidden !important;
    }
    .header-main .header-options .input-group > .form-control,
    .header-main .header-options .input-group > .form-control:focus{
        
        width: 170px !important;
    }
    .links-group .panel-links .item-link,
    .links-group .panel-links .item-link:hover {

        width: 85px !important;
        height: 85px !important;
    }
    .right-slider .camera_target {
        height: auto !important;
    }
    .update {
        
        font-size: 12px;
    }
    .update .title {
        
        display: flex;
    }
	.content-main .slaider-main .item-row .gallery-info a h3 {
    line-height: 1.2;
    font-size: 16px;
    margin-bottom: -10px;
}

}