@media screen and (max-width:767px) {
    .why_choose_svg,
    .feature_svg {
        display: none
    }
    .head_details,
    .header-contact i {
        display: block!important
    }
    .image_badge {
        max-width: 250px
    }
    .badge_text {
        font-size: 14px
    }
    #slider .slide_nav i {
        font-size: 17px;
        padding: 7px 9px
    }
    #topbar {
        text-align: center;
        padding-bottom: 20px!important
    }
    .head_details .media {
        padding-right: 0;
        padding-bottom: 20px
    }
    .header-contact i {
        margin-right: 0;
        padding-right: 0
    }
    #slider a.read-more {
        margin-right: 0!important;
        padding: 7px
    }
    .section_main_head h3,
    #footer .newsletter h3 {
        font-size: 20px
    }
    .about-image {
        margin-top: 20px
    }
    .contact_columns {
        margin-top: 20px
    }
    .section_main_head {
        padding-bottom: 20px!important
    }
    .custom_block,
    .why_choose,
    .it_sectrity,
    .socialbox,
    .testimonial_text {
        text-align: center
    }
    .slide_form,
    .border_box,
    #footer ul li:before,
    #slider a.theme_blue_button {
        display: none
    }
    #how-we-work .process-box {
        margin-bottom: 20px
    }
    .why_choose img,
    .it_sectrity img {
        margin: 0 auto
    }
    .records-info img {
        margin: 0 auto!important;
        margin-bottom: 20px!important
    }
    .testimonial-image img {
        margin: 0 auto!important
    }
    .security_circle {
        display: none
    }
    h4.accordion-header button {
        text-align: left
    }
    #footer ul li a {
        padding-left: 0
    }
    .woocommerce-checkout .woocommerce-checkout .col-1,
    .woocommerce-checkout .woocommerce-checkout .col-2 {
        max-width: 100%!important
    }
    #slider h3 {
        font-size: 18px!important;
        text-align: center;
        line-height: 21px
    }
    .woocommerce-cart table.cart td.actions .coupon .input-text {
        width: 37%
    }
    #slider ol.carousel-indicators {
        display: none
    }
    section {
        padding: 20px 0;
        background-size: cover
    }
    blockquote {
        width: 100%
    }
    .serach_inner input.search-field {
        width: 85%
    }
    .logo p {
        line-height: 17px
    }
    #header .search-form label {
        width: 53%
    }
    input.search-field {
        width: 97%
    }
    .slider-box {
        padding: 0;
        max-width: 80%;
        left: 0;
        right: 0;
        border-style: none;
        top: 51%;
        text-align: center;
        margin: 0 auto;
        clip-path: none
    }
    #slider .carousel-prev-button {
        left: 11px;
        bottom: 36%
    }
    #slider .carousel-next-button {
        right: 11px;
        bottom: 36%;
        left: auto
    }
    .logo h1 a {
        font-size: 21px
    }
    .post-navigation .nav-previous {
        width: 100%
    }
    .post-navigation .nav-next {
        width: 100%
    }
    .search_popup input.search-submit {
        padding: 3px 20px
    }
    .serach_inner form.search-form {
        text-align: center
    }
    .main-header-box .header-search:after {
        border: none
    }
    #pricing-plan .plan-details {
        max-width: 340px;
        margin: 0 auto
    }
    #latest-news .news-box2 h5,
    .copyright p,
    #footer_box,
    #footer ul li {
        text-align: center
    }
    #footer .newsletter p {
        padding-bottom: 20px
    }
    .custom_cls {
        margin-top: 0
    }
}

@media screen and (max-width:576px) {
    .custom_block,
    .why_choose,
    .it_sectrity {
        padding: 10px;
    }
    .modal {
        top: 40px
    }
    a.theme_link {
        display: block;
        margin-top: 15px
    }
    #slider .slider-box .smalltext {
        /* display: none*/
    }
    button.owl-prev {
        left: 10px
    }
    button.owl-next {
        right: 10px
    }
    .contact_columns {
        margin-top: 0
    }
}

@media screen and (min-width:576px) and (max-width:767px) {
    .about-details {
        padding-left: 0px;
    }
    button.owl-prev {
        left: 15px
    }
    button.owl-next {
        right: 15px
    }
    .woocommerce div.product div.images .flex-control-thumbs {
        margin: 10px 0 0
    }
    .woocommerce-checkout .woocommerce-checkout .col-1,
    .woocommerce-checkout .woocommerce-checkout .col-2 {
        max-width: 100%!important
    }
    .woocommerce-cart table.cart td.actions .coupon .input-text {
        width: 37%
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .support_widget .media {
        display: flex;
        text-align: left
    }
    .head_details .media {
        display: flex
    }
    button.owl-prev {
        left: 15px
    }
    button.owl-next {
        right: 15px
    }
    .security_circle {
        left: 46px
    }
    h4.accordion-header button {
        text-align: left
    }
    .why_choose img,
    .it_sectrity img {
        margin: 0 auto
    }
    .media.testimonial-image {
        display: flex
    }
    #testimonials button.owl-next {
        right: -14px
    }
    #testimonials button.owl-prev {
        left: -14px
    }
    .records-info img {
        margin: 0 auto!important;
        margin-bottom: 20px!important
    }
    #topbar {
        padding-bottom: 20px!important
    }
    #slider h3 {
        font-size: 20px;
        line-height: 25px
    }
    #slider .carousel-prev-button {
        left: 12px
    }
    #slider .carousel-next-button {
        right: 12px
    }
    .search-form button i {
        font-size: 12px!important;
        padding-right: 2px!important
    }
    .slider-box {
        padding-bottom: 20px;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center
    }
    .slide_form {
        padding: 7px 24px
    }
    .slide_form p {
        margin-bottom: 5px
    }
    .slide_form label {
        font-size: 14px
    }
    .slide_form input {
        padding: 5px
    }
    .sticky .toggle-nav {
        margin-top: 3px!important
    }
    .logo h1 a {
        font-size: 19px
    }
    #slider ol.carousel-indicators {
        bottom: 32%;
        right: 0
    }
}

@media screen and (max-width:1024px) and (min-width:992px) {
    .slide_form {
        margin: 0 auto;
        padding: 7px 40px;
        margin-top: 15px
    }
    button.owl-prev {
        left: 25px
    }
    button.owl-next {
        right: 25px
    }
    .search-box form.search-form {
        margin: 0 auto
    }
    .socialbox a i {
        font-size: 12px;
        width: auto
    }
    .postbox {
        margin-bottom: 20px
    }
    .logo h1 a {
        font-size: 18px
    }
    .widget th,
    .widget td {
        padding: 0
    }
    #slider ol.carousel-indicators {
        bottom: 21%;
        margin-left: 8%
    }
    #our-features h5 a {
        font-size: 14px
    }
    #slider .carousel-next-button {
        right: 20px
    }
    #slider .carousel-prev-button {
        left: 20px
    }
    .slider-box {
        padding: 0 50px 49px 70px
    }
}

@media screen and (max-width:991px) {
    section#contact-page-contact-us .row.contact_columns {
        text-align: center
    }
    .how_outer {
        max-width: 258px;
        margin: 0 auto;
        margin-bottom: 20px
    }
    #slider .slide_p {
        /*  display: none*/
    }
    .about-image {
        margin-top: 20px
    }
    .media {
        display: block;
        text-align: center;
        margin: 0 auto
    }
    .logo,
    #about-us {
        text-align: center
    }
    #latest-news .news-image {
        max-width: 270px;
        margin: 0 auto
    }
    #footer .newsletter input[type=submit] {
        position: unset;
        margin-top: 20px!important;
        margin: 0 auto;
        text-align: center;
        display: block
    }
    #our-brands .owl-carousel .owl-dots {
        padding-top: 0;
        padding-bottom: 10px
    }
}

@media screen and (max-width:767px) {
    .nav_wrap {
        margin-top: -5px;
    }
}

@media screen and (max-width:1024px) {
    .nav ul li a:not([href]):not([class]),
    .nav ul li a:not([href]):not([class]):hover {
        color: #fff
    }
    .main-header-box {
        margin-bottom: 0
    }
    .nav_wrap {
        padding: 0px 0;
    }
    #header-menu .current_page_item a {
        border-bottom: none
    }
    .toggle-nav {
        right: 15px
    }
    .main-header .sidenav {
        display: none
    }
    .home .main-navigation ul {
        border: none
    }
    .main-navigation ul ul {
        background-color: transparent
    }
    .main-navigation ul ul li,
    .menubar.scrolled .main-navigation ul ul li {
        border-bottom: none
    }
    #sidebar1 {
        width: 0;
        transition: .5s
    }
    .toggle-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: auto;
        display: block
    }
    .toggle-nav i {
        font-size: 22px;
        color: #00b5cb
    }
    amp-sidebar#sidebar1 {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 9;
        top: 0;
        right: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: .5s;
        padding-top: 60px
    }
    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        color: #818181;
        display: block;
        transition: .3s
    }
    .sidenav a:hover {
        color: #f1f1f1
    }
    #close_nav {
        position: absolute;
        top: 8px;
        right: 1em;
        font-size: 26px;
        color: #fff;
        cursor: pointer;
        z-index: 99
    }
    #close_nav i {
        color: #fff
    }
    .sidenav #site-navigation {
        width: 100%
    }
    .toggle-nav span {
        font-size: 30px;
        cursor: pointer;
        text-align: right
    }
    iframe {
        width: 100%;
        height: auto
    }
    .main-navigation .menu {
        float: none;
        text-align: center
    }
    .main-navigation ul ul li,
    #masthead.scrolled .main-navigation ul ul li {
        display: block
    }
    .main-navigation .menu>ul>li.highlight {
        background: 0 0!important
    }
    .menu>ul>li:hover:before,
    .menu>ul>li.current_page_item:before,
    .menu>ul>li.current-menu-item:before {
        display: none
    }
    .sf-arrows .sf-with-ul:after {
        display: none
    }
    .toggle i.fa.fa-bars,
    .toggle i.fa.fa-times {
        float: right;
        color: #000
    }
    .menubar .nav ul {
        width: 100%;
        margin-top: 0
    }
    .menubar .nav ul li,
    .menubar.scrolled .main-navigation li {
        border-top: 1px #303030 solid;
        display: block;
        text-align: left;
        float: none;
        /*width: 18rem;*/
        padding: 5px
    }
    .nav ul li a {
        padding: 5px 10px;
        display: block;
        color: #fff
    }
    .nav ul li ul,
    .nav ul li ul ul {
        display: block!important
    }
    .nav ul li ul li a:before {
        content: "\00BB \00a0"
    }
    .nav ul li ul li a {
        padding-left: 20px!important
    }
    .nav ul li ul li ul li a {
        padding-left: 30px!important
    }
    .main-navigation ul ul {
        position: static;
        width: 100%;
        box-shadow: none
    }
    .main-navigation li.current_page_item {
        border: none
    }
    .main-navigation ul ul {
        background: 0 0!important
    }
    .main-navigation ul ul li {
        background: 0 0!important
    }
}

@media screen and (max-width:1399px) and (min-width:1025px) {
    .main-navigation a {
        font-size: 12px
    }
    button.owl-prev {
        left: 25px
    }
    button.owl-next {
        right: 25px
    }
    .widget th,
    .widget td {
        padding: 0
    }
    .widget th,
    .widget td {
        padding: 0
    }
    .slider-box {
        left: 40px;
        padding-top: 17px
    }
    #slider ol.carousel-indicators {
        bottom: 21%;
        margin-left: 8%
    }
    #slider .carousel-next-button {
        right: 20px
    }
    #slider .carousel-prev-button {
        left: 20px
    }
    .slide_form {
        padding: 20px 40px
    }
}