@media only screen and (min-width: 0px) and (max-width: 640px) {
    .p-xs {
        padding: 0 !important;
    }
    /*---------------------- Header ---------------------*/
    .header-main {
        overflow: hidden;
    }
    .header-main .social-media .social-box .social-list {
        justify-content: flex-start;
    }
    .header-main .top-header .container {
        flex-direction: column;
    }
    .header-main .top-header .main-info {
        justify-content: center;
    }
    .header-main .main-menu .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .header-main .top-header .news-ticker {
        display: none;
    }
    .header-main .main-menu .navbar, .header-main .main-menu .navbar .container-fluid, .header-main .main-menu .menu-col, .header-main .main-menu, .header-main .main-menu .container {
        position: static;
    }
    .header-main .main-menu .container>.navbar-header {
        position: absolute;
        bottom: 0;
        left: 15px;
    }
    .header-main .main-menu .navbar-toggle {
        position: absolute;
        bottom: 0;
        left: 10px;
        background: #f54a16;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .header-main .main-menu .navbar-collapse {
        width: 70%;
        position: fixed;
        height: 100%;
        z-index: 99999;
        background: #f4f4f4;
        right: -70%;
        top: 0;
        margin: 0;
        padding: 0;
    
        box-shadow: -2px 0 9px -5px #999;
        transition: .5s all;
    }
    .header-main .main-menu .collapsing {
        height: 100% !important;
    }
    .header-main .main-menu .collapse.in {
        right: 0;
        transition: .5s all;
        height: 100%;
        overflow-y: scroll;
    }
    .header-main .main-menu .navbar-nav {
        margin: 0;
    }
    .header-main .main-menu .navbar-nav>li {
        width: 100%;
    }
    .header-main .main-menu .navbar-nav>li>a {
        border-bottom: 1px solid rgba(0, 0, 0, .05);
    }
    /*---------------------- /Header ---------------------*/
    /*---------------------- Banner ---------------------*/
    .content-main .slaider-main .banner-top {
        display: none;
    }
    /*---------------------- /Banner ---------------------*/
    /*---------------------- Slider ---------------------*/
    .content-main .slaider-main .row {
        flex-direction: column-reverse;
    }
    .content-main .slaider-main {
        padding: 0;
    }
    .content-main .slaider-main .make-pad {
        padding: 0;
        height: 240px;
    }
    .content-main .slaider-main .item-row .gallery-info a h3 {
        font-size: 14px;
    }
    .content-main .slaider-main .thumb-boxes p {
        font-size: 14px;
    }
    .content-main .slaider-main .thumb-boxes p::before {
        display: none;
    }
    .content-main .slaider-main .slick-vertical .slick-slide {
        height: 90px;
    }
    .content-main .slaider-main {
        margin-top: 0;
    }
    /*---------------------- /Slider ---------------------*/
    /*---------------------- Services ---------------------*/
    .content-main .services .services-box .service-item {
        width: auto;
    }
    .content-main .services .services-box .service-item .all-item {
        width: 180px;
    }
    .content-main .services .services-box {
        justify-content: flex-start;
        overflow: scroll;
    }
    .content-main .media-inter .inter-all .inter-form .form-box a {
        position: static;
        width: 100%;
        margin-top: 10px;
    }
    /*---------------------- /Services ---------------------*/
    /*---------------------- report_media ---------------------*/
    .content-main .last-news .all-gallery {
        margin-top: 25px;
    }
    /*---------------------- /report_media ---------------------*/
    /*---------------------- inter ---------------------*/
    .content-main .media-inter .inter-all {
        flex-direction: column;
    }
    .content-main .media-inter .inter-all .inter-head {
        margin-top: 20px;
    }
    .content-main .media-inter .inter-all .inter-form {
        margin-top: 10px;
    }
    /*---------------------- /inter ---------------------*/
    /*---------------------- Logos ---------------------*/
    .content-main .media-inter .logos {
        overflow: scroll;
    }
    .content-main .media-inter .logos .logos-img {
        width: auto;
    }
    .content-main .media-inter .logos .logos-img a {
        width: 125px;
        padding-right: 10px;
        display: flex;
        justify-content: center
    }
    /*---------------------- /Logos ---------------------*/
    /*---------------------- Footer ---------------------*/
    .footer-main .container {
        flex-direction: column;
    }
    .footer-main .foter-right {
        flex-direction: column;
    }
    .footer-main .foter-right .footer-info ul {
        justify-content: center;
    }
    .footer-main .footer-left {
        justify-content: center;
    }
    .footer-main .foter-right .footer-info {
        margin-top: 10px;
    }
    /*---------------------- /Footer ---------------------*/
    .header-main .top-header .search-main {
        height: 130px;
    }
    .formClass {
        margin: 25px 0 !important;
    }
}

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