html.nav-before-open,
.nav-before-open body {
    overflow: hidden;
    position: relative;
    height: 100%;
}



/************Responsive Css******************/

@media screen and (max-width: 1920px) {
    .toplink-wrapp {
        float: none;
    }
    .main-navigation {
        float: none;
    }
    .header-bottom-wrapp {
        float: none;
    }
    .inner-intro .imgwrapp img {
        width: 100%;
    }
    .main-navigation::after {
        content: "";
        clear: both;
        display: table;
    }
}

@media screen and (max-width: 1366px) {
    .header.content .logo {
        margin-left: 1.5%;
    }

    #testimonial .owl-wrapper-outer .owl-item .item .testimonial-inner blockquote {
        min-height: 160px
    }
}
@media screen and (min-width: 768px)  and (max-width: 1199px) {
    .navigation li.level-top {
        padding: 0;
    }
}

@media screen and (max-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .container {
        max-width: 1140px;
    }
}

@media screen and (max-width: 1024px) {
    .header.content .logo {
        margin-left: 20px;
    }
    .header-bottom-container {
        top: 30px;
        right: 20px;
    }
    .products-grid .product-items .product-item {
        width: 50%;
    }
    .navigation li.level-top {
        margin: 0 6px;
    }
    .top-btn {
        margin-top: 20px
    }
    .getready-section,
    .testimonial-section,
    .blog-section {
        padding: 30px;
    }
    #testimonial .owl-wrapper-outer .owl-item .item .testimonial-inner {
        margin: 10px 5px
    }
    .testimonial-inner .speake {
        padding: 10px
    }
    .testimonial-inner .speake span {
        font-size: 28px;
        margin-right: 10px;
    }
    #testimonial .owl-wrapper-outer .owl-item .item .testimonial-inner blockquote {
        font-size: 18px;
        min-height: 210px;
    }
    .testimonial-inner .user {
        margin: 0 7px
    }
    .testimonial-inner .user-img {
        margin-right: 6px;
    }
    .testimonial-inner .user-data h4 {
        text-align: left;
    }
    .blog__post-list-wrapper {
        max-width: 990px;
    }
    .block.newsletter .field {
        margin: 0;
        float: none;
        width: 100%;
    }
    #cssmenu {
        float: none;
    }

    #cssmenu>ul>li {
        padding: 15px 3px 15px;
    }
    #cssmenu>ul>li>a {
        padding: 0 6px;
    }
    .navigation li.level-top {
        margin: 0;
        display: inline-block;
        width: 100%;
        border-bottom: none;
        padding: 20px 0;
        position: relative;

    }
    .header.content .logo {
        width: 100px;
        height: auto;
    }
    .navigation li.level-top>a {
        font-size: 10px;
    }
    .navigation .level-top>a .ico-arrow::before {
        font-size: 5px;
        top: -1px;
    }
    .navigation li.level-top {
        margin: 0 0;
        padding: 0 5px;
    }
    .navigation ul {
        padding: 0px 0 0;
    }
    .toplink-wrapp {
        margin: 0 auto;
        padding: 0 10px;
        width: 97%;
        float: none;
    }
    #cssmenu>ul>li>a {
        font-size: 11px;
    }
    #cssmenu {
        float: none;
        margin: 0 auto;
    }
    .browse-product .gridclss .overlap {
        right: 16px;
    }
    .gridclss-close {
        padding: 20px;
    }
    .footer_links>li {
        padding-left: 20px;
    }
    .bottom-footer ul {
        width: 290px;
    }
    .bottom-footer {
        padding-top: 10px;
    }
    .page-footer [data-content-type="row"][data-appearance="contained"] [data-element="inner"] {
        box-sizing: border-box;
        margin-bottom: 0 !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1438px) {
    .header.content .logo {
        margin: 25px 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    body .block-search {
        width: calc(100% - 200px) !important;
    }
}

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

    ul.level1.submenu {
        left: 160px;
    }

    .main-nav .back-link:before {
        margin: -5px 10px 0 10px;
    }

    .navigation li.level-top>.submenu {
        left: 87px!important;
        top: 36px!important;
    }

    .nav-sections {
        margin-top: 10px !important;
    }

    body .block-search {
        margin: 0;
        display: inline-block;
        height: 32px;
        width: unset;
        padding-left: 45px;
    }
    .cms-index-index.page-layout-cms-full-width .nav-sections {
        padding: 0;
    }
    .header-bottom-container {
        float: none;
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }

    .nav-toggle,
    .nav-toggle-close {
        left: 20px;
        background: #0089ce;
        position: absolute;
        top: 45px;
        display: none;
    }
    .filter-options-title::after {
        top: 20px;
    }
    .page-products .columns {
        padding-bottom: 60px;
    }
    .page-products .page-main {
        padding-top: 10px;
    }
    .products-grid .product-items .product-item {
        padding-bottom: 0;
    }
    .page-products .toolbar-bottom {
        bottom: 10px;
    }
    .header.content {
        padding: 0;
        padding-bottom: 0px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }
    .products-grid .product-items .callForPrice .product-item-inner {
        padding: 30px 0px 0px 0px;
    }
    .toplink-wrapp {
        width: 100%;
    }

    #cssmenu .show-menu {
        display: block;
    }
    #cssmenu>ul>li>a {
        font-size: inherit;
    }
    #cssmenu ul li.submenu.mobile-only {
        display: list-item;
    }

    .navigation li.level-top>a {
        font-size: 15px;
        font-weight: 600;
        width: 100%;
        display: inline-block;
        margin-bottom: 0;
    }

    .navigation li.level-top ul {
        display: block;
    }

    .navigation > ul {
        height: 50px;
    }

    .am-search-box-wrapper+p,
    .am-search-box-wrapper+p+p {
        display: none;
    }
    .toplink-wrapp #cssmenu ul ul {
        position: inherit;
    }

    .main-navigation {
        position: relative;
    }
    .main-navigation .action.nav-toggle {
        position: absolute;
        top: 0px;
    }
    .header.content {
        padding: 0 0 20px 0;
    }
    .header.content .logo {
        width: auto;
        float: none;
        overflow: hidden;
        border-right: none;
        margin: 15px auto;
        display: block;
        margin-top: 55px;
    }
    .categorypath-solution .page-main-full-width .columns {
        display: none
    }
    .navigation>ul {
        float: none;
    }
    #cssmenu input[type="checkbox"]:checked~#menu {
        width: 100%;
    }

    #cssmenu input[type=checkbox]:checked~#menu {
        display: block;
    }

    #cssmenu li:hover ul.submenulist {
        left: 0;
        top: 0;
    }
    .toplink-row #cssmenu ul ul {
        width: 100%;
        height: 100%;
        position: inherit;
    }
    .minicart-wrapper {
        right: 0;
        top: 0;
    }
    .all-cat #cssmenu ul.menulist {
        display: block;
    }
    .all-cat #cssmenu ul.menulist {
        display: block;
    }

    .main-nav .back-link {
        text-transform: inherit;
        background: #1d2937;
        cursor: pointer;
        padding: 20px 0;
        font-size: 15px;
        line-height: normal;
        color: #fff;
        font-family: Roboto;
        border-bottom: none;
        font-weight: normal;
    }

    .navigation li.level-top {
        min-width: 20px;
    }

    .navigation .level-top.cat-where-to-buy,
    .navigation .level-top.cat-support-center,
    .navigation .level-top.cat-contact {
        display: none;
    }

    .navigation .level-top.cat-where-to-buy > a > .category-name,
    .navigation .level-top.cat-support-center > a > .category-name,
    .navigation .level-top.cat-contact > a > .category-name {
        display: none;
    }

    .navigation .level-top.cat-where-to-buy > ul.submenu,
    .navigation .level-top.cat-support-center > ul.submenu,
    .navigation .level-top.cat-contact > ul.submenu {
        display: none;
    }
    .navigation .level-top.cat-products {
        min-width: 180px;
    }

    .navigation .opener:before {
        display: none;
    }

    .overlay-content h1 {
        font-size: 50px;
        line-height: normal;
        width: 98%;
        margin: 0 auto;
    }
    span.counter.qty.empty {
        position: relative;
        top: -4px;
        right: 13px;
    }
    .minicart-wrapper {
        padding: 15px 10px 10px;
    }
    .nav-before-open .main-nav {
        z-index: 99999;
    }
    .block.newsletter {
        float: none;
        width: 100%;
        padding-left: 0;
    }
    /*----------------------------*/
    .toplink-wrapp {
        padding: 0;
    }
    #cssmenu>ul>li>a {
        border-right: none;
        border-bottom: 1px dotted #ccc;
        padding: 15px 6px 15px;
    }
    #cssmenu>ul>li {
        padding: 0;
    }
    #cssmenu.small-screen ul {
        width: 100%;
        display: none;
    }
    #cssmenu.small-screen ul li {
        width: 100%;
        border-top: 1px solid rgba(120, 120, 120, 0.2);
    }
    #cssmenu.small-screen ul ul li,
    #cssmenu.small-screen li:hover>ul>li {
        height: auto;
    }
    #cssmenu.small-screen ul li a,
    #cssmenu.small-screen ul ul li a {
        width: 100%;
        border-bottom: 0;
    }
    #cssmenu.small-screen>ul>li {
        float: none;
    }
    #cssmenu.small-screen ul ul,
    #cssmenu.small-screen ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    #cssmenu.small-screen ul ul li a {
        padding-left: 25px;
    }
    #cssmenu.small-screen ul ul ul li a {
        padding-left: 35px;
    }
    #cssmenu.small-screen>ul>li.has-sub>a:after,
    #cssmenu.small-screen>ul>li.has-sub>a:before,
    #cssmenu.small-screen ul ul>li.has-sub>a:after,
    #cssmenu.small-screen ul ul>li.has-sub>a:before {
        display: none;
    }
    #cssmenu.small-screen #menu-button {
        display: block;
        padding: 17px;
        color: #dddddd;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
    }
    #cssmenu.small-screen #menu-button:after {
        position: absolute;
        top: 22px;
        right: 17px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #dddddd;
        border-bottom: 2px solid #dddddd;
        content: '';
    }
    #cssmenu.small-screen #menu-button:before {
        position: absolute;
        top: 16px;
        right: 17px;
        display: block;
        height: 2px;
        width: 20px;
        background: #dddddd;
        content: '';
    }
    #cssmenu.small-screen #menu-button.menu-opened:after {
        top: 23px;
        border: 0;
        height: 2px;
        width: 15px;
        background: #ffffff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #cssmenu.small-screen #menu-button.menu-opened:before {
        top: 23px;
        background: #ffffff;
        width: 15px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #cssmenu.small-screen .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid rgba(120, 120, 120, 0.2);
        height: 46px;
        width: 46px;
        cursor: pointer;
    }
    #cssmenu.small-screen ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }
    #cssmenu.small-screen .submenu-button.submenu-opened {
        background: #262626;
    }
    #cssmenu.small-screen .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #dddddd;
        content: '';
    }
    #cssmenu.small-screen ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }
    #cssmenu.small-screen .submenu-button.submenu-opened:after {
        background: #ffffff;
    }
    #cssmenu.small-screen .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #dddddd;
        content: '';
    }
    #cssmenu.small-screen ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }
    #cssmenu.small-screen .submenu-button.submenu-opened:before {
        display: none;
    }
    /*Make dropdown links appear inline*/
    #cssmenu ul.menulist {
        position: static;
        display: none;
        background: #000;
        margin-top: -2px;
    }
    #cssmenu {
        float: none;
        padding-right: 0;
        min-height: 42px;
    }
    /*Create vertical spacing*/
    #cssmenu ul.menulist li {
        margin-bottom: 0px;
    }
    /*Make all menu links full width*/
    #cssmenu ul.menulist li,
    #cssmenu ul.menulist li a {
        width: 100%;
    }
    /*Display 'show menu' link*/
    #cssmenu .show-menu {
        display: block;
        width: 100%;
        padding: 15px 0;
        text-align: center;
        color: #fff;
        font-weight: 500;
        font-size: 14px;
        cursor: pointer;
    }
}

@media screen and (max-width: 992px) {
    .blog__post-list-wrapper {
        max-width: 900px;
    }
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-lg-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-lg-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.333333%;
    }
    .offset-lg-2 {
        margin-left: 16.666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.333333%;
    }
    .offset-lg-5 {
        margin-left: 41.666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.333333%;
    }
    .offset-lg-8 {
        margin-left: 66.666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.333333%;
    }
    .offset-lg-11 {
        margin-left: 91.666667%;
    }
    .container {
        max-width: 960px;
    }
    .getready-section .getready-wrapp h2,
    .testimonial-section .testimonialwrapp h2,
    .blog-section .blogwrapp h2 {
        font-size: 36px;
        line-height: normal;
        width: 98%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 980px) {
    .video-section {
        height: auto;
    }
    .video-section .overlay-content {
        height: 99%;
    }
    .overlay-content h1 {
        font-size: 46px;
        line-height: 60px;
        width: 75%;
    }
    section.wireless {
        padding: 50px;
    }
    .categorypath-about .page-main-full-width .columns {
        display: none;
    }
    .page-footer {
        padding-top: 0
    }
    footer.page-footer .footer.content {
        padding-top: 0px;
    }
    .footer-content.inner {
        padding-bottom: 0;
    }
    section.wireless.getreadyform p {
        line-height: 32px !important;
    }
}

@media screen and (max-width: 960px) {
    .tl_select_days {
        width: 38%;
        margin-left: 15px;
    }
    .browse-product .gridclss .overlap {
        background: #fff;
        position: relative;
        width: 100%;
        bottom: 36px;
        right: 0;
    }
    .browse-product {
        padding-bottom: 0 !important;
    }
}

@media screen and (max-width: 900px) {
    .all-category-btn {
        float: none;
        margin: 10px auto;
        width: 565px;
    }
    .wishlist-btn {
        float: none;
        margin: 0 auto;
        width: 307px;
    }
    .products-grid .product-items .addToCart .product-item-details,
    .products-grid .product-items .callForPrice .product-item-details {
        padding: 10px 15px 0;
    }
}

@media screen and (max-width: 836px) {
    .products-grid .product-items .callForPrice .product-item-inner {
        padding: 20px 0px 0 0px;
    }
    li.item.product.product-item .product h2.product.name.product-item-name {
        margin-bottom: 60px;
    }
    .products-grid .product-items .product-item {
        padding-bottom: 0;
    }
    h3.pdfdownload span.pdffile {
        float: none;
        display: block;
        margin: 10px 0;
    }
    .tl_select_days {
        margin-left: 10px;
    }
    ul.top-btn-list li {
        width: 100%;
    }
    ul.top-btn-list a.btnclss {
        width: 230px;
        text-align: center;
        margin-bottom: 10px;
    }
    ul.top-btn-list a.customer {
        width: 230px;
    }
    .blog__post-list-wrapper {
        max-width: 800px;
    }
    .timeline {
        padding: 50px 0 0 50px;
    }
}

@media screen and (max-width: 812px) {
    .products-grid .product-items .callForPrice .product-item-inner {
        height: 75px;
    }
    .products-grid .product-item-details .product.actions .actions-primary,
    .products-grid .product-item-details .product-item-actions .actions-primary {
        margin-bottom: 6px;
    }
}

@media screen and (max-width: 768px) {
    .gridclss {
        min-height: auto;
    }
    .browse-product .gridclss .overlap {
        bottom: 90px;
        padding-bottom: 10px;
    }
    .gridclss-close.fllt {
        border-left: 1px solid #ccc;
    }
    .gridclss-close.flrt {
        border-right: 1px solid #ccc;
    }
    .overlay-content h1 {
        font-size: 40px;
        line-height: normal;
        width: 98%;
    }
    .inner-info {
        text-align: center;
    }
    a.black-btn {
        margin: 0 auto;
    }
    .getready-section .getready-wrapp h2,
    .testimonial-section .testimonialwrapp h2,
    .blog-section .blogwrapp h2 {
        font-size: 30px;
    }
    .getready-section .getready-wrapp p {
        font-size: 19px;
    }
    .getready-section .getready-wrapp a.btn {
        margin: 0 auto;
    }
    .testimonialwrapp,
    .blogwrapp {
        padding-top: 30px;
    }
    .getready-section .getready-wrapp p {
        margin: 0 auto 24px;
    }
    .wireless.bloglistwrapp {
        padding: 40px;
    }
    .blog__post-list-wrapper {
        max-width: 100%;
        margin: 0 auto;
        width: auto;
        padding: 0 30px;
    }
    .blog__post-item .blog__post-excerpt .read-more {
        font-size: 15px;
        font-weight: 500;
    }
    .blog__post-footer .blog__post-footer-categories a,
    .blog__post-footer .blog__post-footer-tags a {
        font-size: 15px;
    }
    .sidebar.sidebar-main .block.block-collapsible-nav {
        position: inherit;
        padding: 0;
        z-index: 1;
    }
    .blog__post-item .blog__post-header .blog__post-title a {
        font-size: 24px;
        font-weight: 500;
    }
    section.bannerwrapp.solution .overlay-content h1 {
        width: 98%;
        font-size: 40px;
        line-height: normal;
    }
    section.maximize.solutionwrapp .maximizewrapp h3 {
        font-size: 40px;
    }
    section.wireless {
        padding: 20px 10px;
    }
    .solutions {
        padding-top: 0;
    }
    .container {
        max-width: 720px;
    }
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-md-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-md-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-md-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-md-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-md-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-md-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-md-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-md-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-md-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-md-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-md-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-md-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-md-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-md-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-md-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.333333%;
    }
    .offset-md-2 {
        margin-left: 16.666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.333333%;
    }
    .offset-md-5 {
        margin-left: 41.666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.333333%;
    }
    .offset-md-8 {
        margin-left: 66.666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.333333%;
    }
    .offset-md-11 {
        margin-left: 91.666667%;
    }
    .overlay-content h1 {
        width: 98%
    }
    .page-footer {
        padding-top: 0;
    }
    .footer.content {
        padding-top: 10px;
    }
    h2.phone {
        text-align: center;
    }
    p.copyright {
        text-align: center;
    }
    p.privacy {
        float: none;
        font-size: 16px;
        text-align: center;
        margin-bottom: 0;
    }
    .footer-content.inner {
        padding-bottom: 0;
    }
    .formstack iframe {
        width: 93%;
        margin: 0 auto;
        display: block;
    }
    .tl_select_days {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
    .headingtext {
        float: none;
    }
    .fullclss .twocolume {
        float: none;
        width: 100%;
        overflow: hidden;
    }
    .footer-content.customer .textwrapp {
        border-right: none;
        border-bottom: 1px solid #fff;
        overflow: hidden;
        width: 100%;
        padding-bottom: 40px;
    }
    .footer_links .content li {
        padding: 10px;
    }
}

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

    .center-wrapp {
        width: 100%;
    }
    .page-products .columns {
        padding-bottom: 0;
    }
    .block-search .form.minisearch::before {
        top: -5px;
        right: calc(50% - 100px);
    }
    .footer.top {
        padding: 0 20px;
    }
    .footer-content.inner {
        padding-top: 0;
    }
    .nav-toggle,
    .nav-toggle-close {
        left: 18px;
        top: 18px;
    }
    .bottom-footer p {
        margin: 0;
        float: none;
        text-align: center;
    }
    .bottom-footer ul {
        width: 268px;
        float: none;
        margin: 10px auto;
        overflow: hidden;
    }
    h1.camelclss br {
        display: none;
    }
    h1.camelclss {
        padding-left: 0;
    }
    .image-wrapp-back p.bannerheading {
        margin-top: 0;
    }
    .image-wrapp-back h4 {
        width: 80%
    }
    .header-bottom-container {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    .block.block-title {
        float: right;
        position: relative;
        top: -36px;
        right: 18px;
    }

    .block-search .block-title:before {
        padding-top: 50px;
        color: #0089ce;
    }

    .block-search:hover .block-title:before {
        color: #0089CE;
    }

    .block-search .block-content {
        margin: 0;
        top: 165px;
    }

    .newsletterclss {
        float: none;
        margin-bottom: 0px;
        width: 100%;
    }
    .footer.top .block.newsletter .title {
        margin-bottom: 0
    }
    .block-title.filter-title {
        display: none !important;
    }
    .filter-subtitle::after {
        display: inline;
        width: auto;
        position: absolute;
        right: 8px;
        top: 12px;
    }
    .block-subtitle.filter-subtitle {
        position: relative;
    }
    .block.newsletter h3.title {
        float: none;
        width: 100%;
        overflow: hidden;
    }
    .footer.top .block.newsletter .content {
        float: none;
        width: 100%;
    }
    .block.newsletter .field {
        margin: 0;
        margin-right: 0px;
        float: left;
        width: 80%;
    }
    .block.newsletter .field {
        margin: 0;
        margin-right: 0px;
        float: left;
        width: 80%;
    }
    .block.newsletter .actions {
        float: right;
        width: 20%;
    }
    .footer_links>li {
        border-left: none;
        padding-left: 0;
    }
    .site-map-list {
        margin-left: 0;
    }
    section.data-section {
        max-width: 100%;
    }
    .form.contact {
        padding: 15px 0 0;
        max-width: 100%;
    }
    .career .page-main {
        padding-top: 10px;
    }
    .page-layout-2columns-left .column.main,
    .page-layout-2columns-right .column.main,
    .page-layout-3columns .column.main {
        margin-top: 15px;
    }
    .career__post-item .career__post-header .career__post-title {
        margin-bottom: 10px;
    }
    .career__post-item .career__post-excerpt .read-more {
        font-size: 16px;
        font-weight: 500;
        margin-top: 5px;
    }
    .career__post-footer .career__post-footer-categories a {
        font-size: 14px;
    }
    .career__post-list-wrapper .career__post-list>li {
        margin-bottom: 2rem;
    }
    .career__post-item .career__post-header .career__post-title a {
        font-size: 24px;
        font-weight: 500;
    }
    .career__sidebar-search form input,
    .blog__sidebar-search form input {
        width: 91%;
    }
    .block.block-collapsible-nav.career__sidebar-category-tree {
        width: 100%;
        overflow: hidden;
        position: inherit;
    }
    .block-collapsible-nav .title,
    .block-wishlist-management .wishlist-select .wishlist-name,
    .block-cms .block-title,
    .filter.block .filter-title,
    .catalog-filter-top .filter-subtitle,
    .filter-subtitle,
    .block.account-nav .title,
    .block-cms-links .title {
        line-height: 25px;
        font-size: 16px;
        text-transform: none;
        font-weight: 500;
        color: #fff;
        background: #cf0a2c;
        text-decoration: none;
        display: block;
        padding: 10px 30px 10px 10px;
        border-bottom: none;
        position: relative;
        margin-bottom: 0;
        cursor: pointer;
    }
    .forix-abs-toggling-title:hover,
    .block-collapsible-nav .title:hover,
    .block-wishlist-management .wishlist-select .wishlist-name:hover,
    .block-cms .block-title:hover,
    .filter.block .filter-title:hover,
    .catalog-filter-top .filter-subtitle:hover,
    .filter-subtitle:hover,
    .block.account-nav .title:hover,
    .block-cms-links .title:hover {
        color: #fff;
    }
    .light-education {
        min-height: auto;
    }
    .truck-image {
        float: none;
        width: 100%;
        overflow: hidden;
    }
    .block-search {
        margin: 9px 15px 0 0;
        float: unset;
    }
    .all-category-btn {
        float: none;
        margin: 10px auto;
        width: 250px;
    }
    #bullseye_iframe {
        height: auto;
    }
    .blog.page-layout-2columns-right .sidebar-main {
        padding: 0 18px;
    }
    .header.content {
        padding-top: 0px;
        padding-bottom: 0px;
        position: relative;
    }
    .footer_links>li {
        width: 100%;
    }
    .forix-abs-accordion-title,
    .footer_links .title,
    .block.newsletter .title {
        border-bottom: 1px dotted #ccc;
        margin: 0;
        padding: 15px 0 15px 10px;
        margin-bottom: 0;
        font-size: 15px;
    }
    .footer_links>li:last-child {
        width: 100%;
    }
    .footer_links .content {
        padding: 0;
        background: none;
    }
    .block.newsletter .field {
        margin: 0;
        float: left;
        width: 200px;
        margin-right: 0;
    }
    .footer.top .block.newsletter .field.newsletter {
        margin-right: 0;
    }
    .block.newsletter .actions {
        float: right;
        width: 105px;
        left: 0;
    }
    .block.newsletter .form {
        max-width: 308px;
        margin: 0 auto;
    }
    .account.page-layout-2columns-left .column.main {
        padding-top: 0;
    }
    .page-layout-2columns-left .column.main,
    .page-layout-2columns-right .column.main,
    .page-layout-3columns .column.main {
        margin-top: 0;
    }
}

@media screen and (max-width: 667px) {
    .page-title-wrapp h1.page-title {
        font-size: 36px;
    }
    .page-title-wrapp p.page-sub-title {
        font-size: 16px;
    }
    .products-grid .product-items .product-item {
        width: 100%;
    }
    li.item.product.product-item .product h2.product.name.product-item-name {
        margin-bottom: 10px;
    }
    .filter-options-title::after {
        top: 20px;
    }
    .toolbar-bottom .toolbar-products {
        margin-top: 0;
    }
    .products-grid {
        margin-bottom: 20px;
    }
    .back-to-top {
        text-align: center;
        margin: 0 0px -39px;
    }
}

@media screen and (max-width: 630px) {
    .table-FMVSS-wrapp,
    table.tableclss {
        margin-bottom: 30px;
        overflow: auto;
        white-space: nowrap;
    }
    .order_status_table.table.data.tableclss {
        margin-bottom: 0;
    }
    .responsive-table {
        overflow: auto;
        white-space: nowrap;
    }
}

@media screen and (max-width: 576px) {
    .main-slider .banner-title {
        font-size: 115%;
    }
    .main-slider .banner-text {
        font-size: 90%;
    }
    .overlay-content h1 {
        font-size: 35px;
        width: 90%;
    }
    .blog section.bannerwrapp {
        height: auto;
    }
    .blog-post-view .page-title-wrapper .page-title {
        font-size: 24px;
    }
    .getready-section .getready-wrapp h2,
    .testimonial-section .testimonialwrapp h2,
    .blog-section .blogwrapp h2 {
        font-size: 24px;
    }
    .blog-section p {
        color: #999;
        margin: 0;
    }
    .getready-section .getready-wrapp p {
        font-size: 16px;
    }
    .container {
        max-width: 540px;
    }
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-sm-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.333333%;
    }
    .offset-sm-2 {
        margin-left: 16.666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.333333%;
    }
    .offset-sm-5 {
        margin-left: 41.666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.333333%;
    }
    .offset-sm-8 {
        margin-left: 66.666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.333333%;
    }
    .offset-sm-11 {
        margin-left: 91.666667%;
    }
    .blog__post-list-wrapper .blog__post-list>li {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: ;
    }
    .blog__post-list-wrapper .blog__post-list li.blog__post-item:nth-child(3n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 536px) {
    .formstack iframe {
        height: 1240px;
    }
}

@media screen and (max-width: 480px) {
    .button_cont .btnwrapp {
        display: block;
        width: 200px;
        margin-bottom: 15px;
    }
    a.black-btn.ext-btn {
        margin-top: 0;
    }
    .inner-intro .imgwrapp img {
        height: 250px;
        max-width: 500px;
    }
    .am-widget-center {
        margin: 0 auto !important;
        width: 300px !important;
    }
    .am-search-box-wrapper .amfaq-search {
        max-width: 250px!important;
    }
    .bannerwrapp.bloglist-section .overlay-content h1 {
        top: 38%;
    }
    section.bannerwrapp.solution .overlay-content h1 {
        font-size: 28px;
    }
    section.wireless.solution p {
        margin-bottom: 40px;
    }
    section.wireless.solution h3 {
        font-size: 30px;
        line-height: normal;
    }
    section.wireless.solution {
        padding-bottom: 0;
    }
    .getready-section .getready-wrapp a.btn,
    .maximizewrapp a.btn {
        padding: 12px;
        width: 200px;
        font-size: 18px;
    }
}

@media screen and (max-width: 479px) {
    .overlay-content h1 {
        font-size: 30px;
        line-height: normal;
        width: 81%;
    }
    .getready-section .getready-wrapp h2,
    .testimonial-section .testimonialwrapp h2,
    .blog-section .blogwrapp h2 {
        font-size: 20px;
        margin: 0 auto 15px;
    }
    .getready-section .getready-wrapp p {
        font-size: 15px;
    }
    .getready-section .getready-wrapp p br {
        display: none;
    }
    .getready-section,
    .testimonial-section,
    .blog-section {
        padding: 15px 20px;
    }
    footer.page-footer .footer.content {
        padding: 0;
    }
    h2.phone {
        font-size: 20px;
    }
    p.copyright {
        font-size: 14px;
    }
    p.privacy a {
        font-size: 17px;
    }
}

@media screen and (max-width: 414px) {
    .bannerwrapp.bloglist-section .overlay-content h1 {
        top: 38%;
    }
    .page-title-wrapp h1.page-title {
        font-size: 30px;
    }
    .competitor-btn {
        width: 100%;
    }
}

@media screen and (max-width: 384px) {
    section.bannerwrapp.solution .overlay-content h1 {
        font-size: 26px;
    }
    section.wireless.solution p {
        margin-bottom: 30px;
    }
    section.wireless.solution p {
        font-size: 16px;
    }
    section.wireless.solution h3 {
        font-size: 24px;
    }
    .solutions h5 {
        margin-top: -15px;
        font-size: 18px;
    }
    section.maximize.solutionwrapp {
        margin-top: 0;
    }
    .maximizewrapp h4 {
        padding-top: 24px;
        font-size: 20px;
    }
    section.maximize.solutionwrapp .maximizewrapp h3 {
        text-align: center;
        font-size: 32px;
        margin: 30px 0;
        line-height: 36px;
    }
    .bannerwrapp.bloglist-section .overlay-content h1 {
        top: 47%;
    }
}

@media screen and (max-width: 360px) {
    .bannerwrapp.bloglist-section .overlay-content h1 {
        top: 50%;
    }
    .tabs {
        margin: 0;
        width: 96%;
    }
    .tabs .tabs-list li {
        width: 80px;
    }
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span_12_of_12 {
        width: 100%;
    }
    .span_11_of_12 {
        width: 100%;
    }
    .span_10_of_12 {
        width: 100%;
    }
    .span_9_of_12 {
        width: 100%;
    }
    .span_8_of_12 {
        width: 100%;
    }
    .span_7_of_12 {
        width: 100%;
    }
    .span_6_of_12 {
        width: 100%;
    }
    .span_5_of_12 {
        width: 100%;
    }
    .span_4_of_12 {
        width: 100%;
    }
    .span_3_of_12 {
        width: 100%;
    }
    .span_2_of_12 {
        width: 100%;
    }
    .span_1_of_12 {
        width: 100%;
    }
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span_11_of_11 {
        width: 100%;
    }
    .span_10_of_11 {
        width: 100%;
    }
    .span_9_of_11 {
        width: 100%;
    }
    .span_8_of_11 {
        width: 100%;
    }
    .span_7_of_11 {
        width: 100%;
    }
    .span_6_of_11 {
        width: 100%;
    }
    .span_5_of_11 {
        width: 100%;
    }
    .span_4_of_11 {
        width: 100%;
    }
    .span_3_of_11 {
        width: 100%;
    }
    .span_2_of_11 {
        width: 100%;
    }
    .span_1_of_11 {
        width: 100%;
    }
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span_10_of_10 {
        width: 100%;
    }
    .span_9_of_10 {
        width: 100%;
    }
    .span_8_of_10 {
        width: 100%;
    }
    .span_7_of_10 {
        width: 100%;
    }
    .span_6_of_10 {
        width: 100%;
    }
    .span_5_of_10 {
        width: 100%;
    }
    .span_4_of_10 {
        width: 100%;
    }
    .span_3_of_10 {
        width: 100%;
    }
    .span_2_of_10 {
        width: 100%;
    }
    .span_1_of_10 {
        width: 100%;
    }
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span_9_of_9 {
        width: 100%;
    }
    .span_8_of_9 {
        width: 100%;
    }
    .span_7_of_9 {
        width: 100%;
    }
    .span_6_of_9 {
        width: 100%;
    }
    .span_5_of_9 {
        width: 100%;
    }
    .span_4_of_9 {
        width: 100%;
    }
    .span_3_of_9 {
        width: 100%;
    }
    .span_2_of_9 {
        width: 100%;
    }
    .span_1_of_9 {
        width: 100%;
    }
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span_8_of_8 {
        width: 100%;
    }
    .span_7_of_8 {
        width: 100%;
    }
    .span_6_of_8 {
        width: 100%;
    }
    .span_5_of_8 {
        width: 100%;
    }
    .span_4_of_8 {
        width: 100%;
    }
    .span_3_of_8 {
        width: 100%;
    }
    .span_2_of_8 {
        width: 100%;
    }
    .span_1_of_8 {
        width: 100%;
    }
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span_7_of_7 {
        width: 100%;
    }
    .span_6_of_7 {
        width: 100%;
    }
    .span_5_of_7 {
        width: 100%;
    }
    .span_4_of_7 {
        width: 100%;
    }
    .span_3_of_7 {
        width: 100%;
    }
    .span_2_of_7 {
        width: 100%;
    }
    .span_1_of_7 {
        width: 100%;
    }
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span_6_of_6 {
        width: 100%;
    }
    .span_5_of_6 {
        width: 100%;
    }
    .span_4_of_6 {
        width: 100%;
    }
    .span_3_of_6 {
        width: 100%;
    }
    .span_2_of_6 {
        width: 100%;
    }
    .span_1_of_6 {
        width: 100%;
    }
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span_5_of_5 {
        width: 100%;
    }
    .span_4_of_5 {
        width: 100%;
    }
    .span_3_of_5 {
        width: 100%;
    }
    .span_2_of_5 {
        width: 100%;
    }
    .span_1_of_5 {
        width: 100%;
    }
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span_4_of_4 {
        width: 100%;
    }
    .span_3_of_4 {
        width: 100%;
    }
    .span_2_of_4 {
        width: 100%;
    }
    .span_1_of_4 {
        width: 100%;
    }
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span_3_of_3 {
        width: 100%;
    }
    .span_2_of_3 {
        width: 100%;
    }
    .span_1_of_3 {
        width: 100%;
    }
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span_2_of_2 {
        width: 100%;
    }
    .span_1_of_2 {
        width: 100%;
    }
}


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
    .col {
        margin: 1% 0 1% 0%;
    }

    .product.info.detailed.tabs .tabs-list li {
        width: auto;
        float: none;
        border: 1px solid #eee !important;
    }
}

@media only screen and (max-width: 767px) {
    .custom_additional_attribute.additional-attributes-wrapper .additional-attributes > tbody > tr > th,
    .custom_additional_attribute.additional-attributes-wrapper .additional-attributes > tbody > tr > td {
        padding: 0 10px;
        font-size: 14px;
        font-weight: normal;
        border: none !important;
        width: 100%;
    }
    .custom_additional_attribute.additional-attributes-wrapper .additional-attributes>tbody>tr>th,
    .custom_additional_attribute.additional-attributes-wrapper .additional-attributes>tbody>tr>td {
        padding: 0 10px;
        font-size: 14px;
        font-weight: normal;
        border: none;
    }
    .custom_additional_attribute.additional-attributes-wrapper .additional-attributes>tbody>tr>th {
        display: none !important;
    }

    .custom_additional_attribute.additional-attributes-wrapper table.additional-attributes {
        display: block;
    }
    .custom_additional_attribute.additional-attributes-wrapper table.additional-attributes tbody {
        display: block;
    }

    .custom_additional_attribute.additional-attributes-wrapper table.additional-attributes tbody tr {
        display: block;
    }

    .custom_additional_attribute.additional-attributes-wrapper .additional-attributes>tbody>tr {
        background: none;
        border: none !important;
        height: 65px;
    }

    .custom_additional_attribute.additional-attributes-wrapper .additional-attributes>tbody>tr:hover {
        background: none;
    }

    .custom_additional_attribute.additional-attributes-wrapper .additional-attributes > tbody td::before {
        width: auto;
        font-size: 14px;
        margin-right: 30px;
        content: attr(data-th);
        display: block !important;
    }
}