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

    .navbar-light .navbar-nav .nav-link {

        font-size: 12px;

    }

    ul.navbar-nav {

        margin-left: 0 !important;

    }

    .bottom_header .container-fluid {

        padding: 0 15px;

    }

    .navbar-light .navbar-nav .nav-link {

        font-size: 14px;

        margin-right: 8px;

    }

    .my-account-sec ul li {

        padding: 0px 3px;

    }

    .my-account-sec ul li a:after{

        left: 3px;

    }

}

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

    .navbar-light .navbar-nav .nav-link {

        font-size: 16px;

        margin-right: 20px;

    }

    nav.navbar.navbar-expand-lg.navbar-light button.navbar-toggler {

        position: absolute;

        right: 0;

        top: -57px;

        border: 0;

        padding: 0;

    }





    div#navbarSupportedContent {

        position: absolute;

        z-index: 11111111111111;

        top: 0;

    }

     header.header {

        position: relative;

        z-index: 11111;

    }

    .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {

        color: #000 !important;

    }



    .navbar-light .navbar-nav .nav-link {

        color: #000 !important;

        margin-right: 0;

    }



    .my-account-sec ul li a {

        color: #000;

        padding: 15px 20px;

        border-bottom: solid 1px #ddd;

        font-size: 14px;

    }



    .my-account-sec ul {

        display: block;

    }



    ul.navbar-nav {

        margin-bottom: 0 !important;

    }



    .my-account-sec ul li a::after {

        content:'';

    }



    .my-account-sec ul li.nav-item.dropdown svg {

        fill: #000;

    }

    .navbar-toggler {

        box-shadow: none  !important;

        outline: 0;

    }



    #navbarSupportedContent {

        position: absolute;

        top: 65px;

        background: #fff;

        z-index: 111;

        width: 100%;

        left: 0;

        border-top: 1px solid #ddd;

    }



    ul.navbar-nav .nav-item {

        padding: 0 20px;

        border-bottom: solid 1px #ddd;

    }



    ul.navbar-nav .nav-item a.nav-link {

        font-size: 14px;

    }



    ul.navbar-nav .nav-item a.nav-link::after {

        display: none;

    }

    .navbar-light .navbar-toggler {

        position: absolute;

        top: -57px;

        border: 0;

        padding: 0;

        right: 0;

    }



    nav.navbar.navbar-expand-xl.navbar-light {

        padding: 0;

    }

    section.banner_sec {

        padding: 70px 0 160px;

    }

    .header-search {

        padding-left: 0;

        max-width: 60%;

    }

    .logo_img img {

        max-width: 210px;

        margin-right: 40px;

    }

}

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

    .logo_img img {

        max-width: 210px;

    }    

    section.banner_sec {

        padding: 50px 0 170px;

    }



    .blg-cont h5 {

        margin: 10px 0 5px;

        font-size: 16px;

    }



    .blg-cont p {

        font-size: 12px;

        margin-bottom: 15px;

    }



    span.tag {

        font-size: 12px;

        padding: 5px 10px;

    }



    .main_blog_bg {

        padding: 15px;

    }



    .main_blog_bg .row {

        margin: 0 -7px;

    }



    .main_blog_bg .row [class*="col-"] {

        padding: 0 7px;

    }

}

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

    .list-inner-box {

        flex-direction: column;

    }



    .list-img {

        flex: 0 0 100%;

        margin: 0;

        margin-bottom: 15px;

    }

    .logo_img img {

        max-width: 160px;

    }

    .blog_inner_box {

        margin-bottom: 30px;

    }

    section.banner_sec h3 {

        font-size: 22px;

        margin-bottom: 15px;

    }

    .on_btn button {

        height: 26px;

        width: 26px;

    }

    .remove_btn {

        margin-right: 5px;

    }

    .on_btn {

        top: 14px;

    }

    .on_btn button img {

        max-width: 16px;

    }

    .search_btn svg {

        height: 16px;

        width: 16px;

    }

    input#text_filed {

        padding-right: 75px !important;

    }

    .bottom-btn-1 {

        font-size: 12px;

        margin-right: 5px;

    }

    button.bottom-btn-2 {

        font-size: 12px;

    }

    .about-text h3 {

        font-size: 32px;

    }

    .form-control {

        padding-right: 70px !important;

        font-size: 12px;

    }

    select.form-control {

        max-width: 100px;

        padding-right: 20px !important;

        padding-left: 10px;

        font-size: 12px;

    }

    .header-search {

        margin-right: 50px;

    }

}

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

    .list-wrap {

        margin-top: 100px;

    }



    .list-box {

        padding: 15px;

        border-radius: 10px;

    }

    .list-cont-contact p {

        font-size: 12px;

    }



    .list-cont-contact {

        margin-top: 15px;

        padding-top: 15px;

    }

    .list-cont p {

        font-size: 13px;

    }

    .header-search {

        position: absolute;

        bottom: -70px;

        width: calc(100% - 30px);

        margin: 0 !important;

        max-width: 100%;

        left: 15px;

    }

    .navbar-light .navbar-toggler {

        top: -50px;

    }

    .my-account-sec ul li a.dropdown-toggle {

        display: flex;

    }

    .my-account-sec ul li a.dropdown-toggle span {

        margin-left: auto;

    }

    .about-text h3 {

        font-size: 26px;

    }

    .list-text li a{

        font-size: 9px;

    }

}