@media only screen and (max-width: 1800px) {
    .mega-menu-content {
        margin: 30px 0;
        padding: 0;
    }
}

@media only screen and (max-width: 1680px) {
    .dropdown-menu .mega-cap img {
        max-width: 44%;
    }

    .mega-img img {
        max-width: 72%;
    }

    .mega-menu-content h2 {
        font-size: 26px;
    }

    .mega-image3 img {
        max-width: 60%;
    }

    .customizable-inn {
        width: 572px;
    }

    .theme-video-inn {
        width: 572px;
    }

    .schedule-inn {
        width: 572px;
    }

    .digital-pic-content {
        width: 572px;
    }
}

@media only screen and (max-width: 1600px) {
    .mega-img img {
        max-width: 60%;
    }

    .mega-image3 img {
        max-width: 36%;
    }

    .configator-inn {
        width: 472px;
    }
}

@media only screen and (max-width: 1550px) {
    .videoWrapper {
        margin-top: -135px;
    }

    .hero-text {
        width: 65%;
    }
}

@media only screen and (max-width: 1440px) {
    .wifi-thermo-content {
        width: 410px;
        margin-top: 7%;
        margin-left: 6%;
    }

    .voice-control-block {
        padding-bottom: 82%;
    }

    #parallax1 {
        height: 545px;
    }
}

@media only screen and (max-width: 1366px) {
    .mega-img img {
        max-width: 70%;
    }

    .mega-image3 img {
        max-width: 40%;
    }
}

@media only screen and (max-width: 1280px) {
    .videoWrapper {
        margin-top: -182px;
    }

    .videoWrapper {
        height: 880px;
    }

    .hero-text {
        width: 72%;
    }

    .mega-img img {
        max-width: 50%;
    }

    .mega-menu-content h2 {
        font-size: 20px;
    }

    .mega-image3 img {
        max-width: 48%;
    }
}

@media only screen and (max-width: 1199px) {
    .videoWrapper {
        height: 808px;
        margin-top: -235px;
    }

    .hero-text {
        width: 92%;
        top: 21%;
    }

    .hero-img1 img {
        max-width: 313px;
    }

    .hero-img2 img {
        max-width: 160px;
        right: 8%;
    }

    .single-hs-item {
        height: 392px;
    }

    .product-inn {
        width: 460px;
    }

    .skyweb-inn {
        width: 460px;
    }

    .survyeor-inn {
        width: 460px;
    }

    #parallax1 {
        height: 478px;
    }

    .insvdo iframe {
        max-width: 640px;
        height: 480px;
    }

    .compatible-wrap .compatb-product.min img {
        width: 120px;
    }

    .compatible-wrap .compatb-product.min .imbx {
        min-height: 155px;
    }

    .accessory_img {
        min-height: auto;
    }

    .mega-img img {
        max-width: 58%;
    }

    .mega-image3 img {
        max-width: 35%;
    }

    .customizable-inn {
        width: 460px;
    }

    .theme-video-inn {
        width: 460px;
    }

    .schedule-inn {
        width: 460px;
    }

    .digital-pic-content {
        width: 460px;
    }

    .venstar-api-content {
        max-width: 100%;
    }
}

@media (max-width: 991.98px) {
    .for-mob {
        display: block;
    }

    .for-desk {
        display: none;
    }

    /* Hamburger icon animation */
    .navbar-toggler {
        cursor: pointer;
    }

    /* Animation when active */
    .navbar-toggler.active .bar1 {
        transform: translateY(7px) rotate(45deg);
    }

    .navbar-toggler.active .bar2 {
        opacity: 0;
    }

    .navbar-toggler.active .bar3 {
        transform: translateY(-7px) rotate(-45deg);
    }

    .offcanvas-collapse {
        position: fixed;
        top: 50px;
        bottom: 0;
        right: 0;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        background: #000;
        -webkit-overflow-scrolling: touch;
        visibility: hidden;
        -webkit-transition: visibility 0s linear 1s;
        transition: visibility 0s linear 1s;
        height: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        transition: 0.3s all ease;
    }

    .offcanvas-collapse.open {
        visibility: visible;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        height: 100%;
        transition: 0.3s all ease;
    }

    .next-drop .mega-menu-content::after {
        position: absolute;
        content: "";
        background: #dfdfdf;
        width: 30px;
        height: 2px;
        bottom: 10px;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: -webkit-match-parent;
    }

    nav .navbar-nav.mx-auto {
        text-align: left;
    }

    .user-form-icon {
        margin: auto;
        width: auto;
        text-align: center;
        display: block;
    }
}

@media only screen and (max-width: 991px) {
    .about-contact-img img {
        max-width: 500px;
    }

    #parallax1 {
        height: 325px;
    }

    .videoWrapper {
        height: 736px;
        margin-top: -313px;
    }

    .wifi-thermo-section {
        margin-top: 33px;
    }

    .wifi-thermo-section h2 {
        font-size: 30px;
        max-width: 450px;
    }

    .wifi-thermo-content {
        width: 410px;
        margin: 7% auto 0 auto;
    }

    .skyport-section {
        min-height: 392px;
    }

    .hero-img2 img {
        max-width: 136px;
    }

    .hero-img1 img {
        max-width: 272px;
    }

    .single-hs-item {
        height: 272px;
    }

    .hero-text {
        top: 16%;
    }

    .hero-img3 img {
        max-width: 313px;
        margin-bottom: 20px;
    }

    .hero-text p {
        font-size: 13px;
        line-height: 22px;
        margin: 0;
    }

    p.ces-text {
        margin-top: 45px;
        font-size: 12px;
        line-height: 20px;
        padding-left: 82px;
    }

    .info-section {
        padding: 33px 0;
    }

    .f-nav-section h3 {
        margin: 10px 0;
    }

    .f-contact-section h3 {
        margin: 10px 0;
    }

    .footer-section {
        padding: 10px 0;
    }

    nav.navbar-dark .navbar-toggler {
        background: 0 0;
        border-radius: 35px;
        position: absolute;
        padding: 5px !important;
        height: 39px;
    }

    .navbar-dark .navbar-toggler-icon {
        background-image: url(../images/hmenu.svg);
    }

    .navbar-dark .navbar-brand {
        justify-content: center;
        width: 100%;
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

    .sidenav a:hover {
        color: #f1f1f1;
    }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

    #main {
        transition: margin-left 0.5s;
        padding: 16px;
    }

    nav.navbar {
        padding: 10px 0;
    }

    .submenu-arrow {
        display: block;
        position: absolute;
        right: 20px;
        transition: 0.5s all;
    }

    .navbar-dark .navbar-nav a.nav-link[aria-expanded="true"] .submenu-arrow {
        transform: rotate(90deg);
    }

    .navbar-dark .navbar-nav a.nav-link[aria-expanded="false"] .submenu-arrow {
        transform: rotate(0);
    }

    .product-block {
        padding-bottom: 72%;
    }

    .product-wifi-sen-img img {
        top: 46%;
    }

    .addwire-img img {
        max-width: 100%;
    }

    .insvdo iframe {
        max-width: 100%;
    }

    .compatible-wrap .compatb-product {
        margin-bottom: 10px;
    }

    .addwire-img {
        margin-bottom: 30px;
    }

    .slimline-section h2 {
        font-size: 36px;
    }

    .model-tabs .nav-tabs {
        margin-bottom: 20px;
    }

    .product-models .table {
        display: none;
    }

    .product-models .table.mob-tab {
        display: block;
    }

    .model-tabs .table.mob-tab thead th {
        font-size: 14px;
        padding-left: 7px;
        padding-right: 7px;
    }

    .model-tabs .table.mob-tab tbody th,
    .model-tabs.mob-tab .table tbody td {
        font-size: 14px;
    }

    .model-tabs .table.mob-tab tbody td img {
        max-width: 22px;
    }

    .model-tabs .table.mob-tab tbody th {
        white-space: normal;
        word-break: break-all;
        padding-right: 10px;
        padding-left: 10px;
        font-weight: 500;
    }

    .product-models {
        position: relative;
        white-space: nowrap;
        width: 100%;
    }

    .mobile-table .model-tabs .nav-tabs {
        width: 672px;
        display: block;
        margin-bottom: 60px;
    }

    .mobile-table .model-tabs ul li {
        float: left;
    }

    .product-models .tab-content>.tab-pane {
        white-space: normal;
    }

    .compatible-wrap .compatb-product.min .imbx {
        min-height: inherit;
    }

    .compatible-wrap .compatb-product.min img {
        width: 100px;
    }

    .fixed-top {
        position: fixed;
    }

    .color-touch-main-banner {
        margin: 40px auto 0;
    }

    .accessory_box_outer {
        padding: 15px 12px;
    }
}

@media only screen and (max-width: 767px) {
    .about-contact-img img {
        max-width: 100%;
    }

    .videoWrapper {
        height: 725px;
        margin-top: -313px;
    }

    .skyweb-block {
        height: 420px;
        padding-bottom: 0;
        background-size: cover;
        width: 50%;
        margin: 260px auto 0;
    }

    .skyweb-block h2 {
        margin-top: 28px;
        color: #000;
    }

    .skyweb-block p {
        font-size: 18px;
        color: #000;
    }

    .voice-control-block {
        padding-bottom: 32%;
        min-height: 300px;
    }

    section.slimline-section {
        padding: 40px 0;
    }

    .slimline-section.fixedcls .container {
        position: relative;
    }

    .standard-features {
        padding-left: 0;
    }

    .insvdo iframe {
        max-width: 100%;
        height: 300px;
    }

    .literaturebx .lit-lft,
    .literaturebx .lit-rgt {
        width: 100%;
        margin-bottom: 20px;
        padding: 30px;
    }

    .model-tabs .nav-tabs .nav-link.active {
        padding: 7px 5px 9px;
    }

    .model-tabs .nav-tabs .nav-link {
        font-size: 14px;
        padding: 7px 5px;
    }

    .compatible-wrap .compatb-product {
        padding: 15px;
    }

    .firewall-block {
        padding: 15px;
    }

    .faq-banner-content {
        padding: 6%;
    }

    .trouble-block ul li {
        padding: 10px 10px 5px 20px;
    }

    .hints-section ul li {
        padding: 10px 10px 5px 20px;
    }

    .firewall-block h2,
    .thermo-stack-block h2 {
        font-size: 26px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .firewall-block ul {
        padding-left: 15px;
    }

    .sdCard-block ul,
    .sorry-block ul,
    .thermo-stack-block ul {
        padding-left: 15px;
    }

    .thermo-stuck-section {
        padding: 20px;
    }

    .sdCard-block ul ul {
        padding-left: 0;
    }

    .thermo-stuck-section ol,
    .thermo-stuck-section ul ul {
        padding-left: 0;
    }

    .sorry-section ul ol,
    .sorry-section ul ul {
        padding-left: 0;
    }

    .sdCard-block h2,
    .sorry-block {
        font-size: 26px;
    }

    .color-touch-new-section {
        padding: 40px 0 40px;
    }

    .color-touch-new-section h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .digital-pic-content {
        left: 0;
        margin: 40px auto;
    }

    .accessory_box_outer {
        padding: 20px 10px;
    }

    .accessory_box_outer h2 {
        font-size: 16px;
    }

    .accessory_box_outer h3 {
        font-size: 11px;
    }

    .accessory_box_outer h4 {
        font-size: 11px;
    }

    .accessory_img {
        min-height: auto;
    }
}

@media only screen and (max-width: 667px) {
    .videoWrapper {
        height: 708px;
        margin-top: -355px;
    }

    .hero-text {
        width: 98%;
    }
}

@media only screen and (max-width: 600px) {
    .videoWrapper {
        height: 680px;
        margin-top: -385px;
    }
}

@media only screen and (max-width: 567px) {
    .videoWrapper {
        height: 640px;
        margin-top: -432px;
    }

    .skyweb-inn {
        width: 372px;
        top: 4%;
    }

    .product-inn {
        width: 372px;
        top: 4%;
    }

    .survyeor-inn {
        width: 372px;
        top: 4%;
    }

    .product-wifi-sen-img img {
        top: 45%;
        max-width: 64%;
    }

    .survyeor-block {
        padding-bottom: 98%;
        background: #f9f9f9;
    }

    .hero-img2 img {
        max-width: 75px;
    }

    .hero-img1 img {
        max-width: 198px;
        margin-left: 5%;
    }

    p.ces-text {
        padding-left: 25px;
    }

    .hero-img3 img {
        max-width: 236px;
    }

    /*
    .wifi-thermo-section h2 {
        font-size: 26px;
        max-width: 372px;
        line-height: 28px;
    }*/
    .wifi-thermo-section p {
        margin: 16px auto 0;
    }

    .survyeor-img img {
        max-width: 64%;
    }

    .product-block {
        padding-bottom: 100%;
    }

    .skyport-section {
        min-height: 250px;
    }

    .skyweb-block {
        height: 420px;
        padding-bottom: 0;
        background-size: contain;
        width: 84%;
        margin: 260px auto 0;
    }

    .skyweb-block h2 {
        margin-top: 28px;
        color: #000;
        font-size: 26px;
    }

    .voice-inn h2 {
        font-size: 26px;
    }

    .skyweb-block p {
        font-size: 18px;
        color: #000;
    }

    #parallax1 {
        background-attachment: unset;
        height: 260px;
        background-color: #efefef;
        margin-top: 225px;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 40px;
    }

    .wifi-thermo-content {
        position: absolute;
        top: -208px;
        width: 340px;
        left: 0;
        right: 0;
    }

    .wifi-thermo-content h2 {
        color: #000;
        font-size: 26px;
        font-weight: 400;
    }

    .wifi-thermo-content p {
        color: #000;
        font-size: 18px;
    }

    .menual ul {
        display: block;
    }

    .menual ul li {
        margin-bottom: 10px;
    }

    .menual ul li a {
        padding-left: 0;
    }

    .compatible-wrap .compatb-product .imbx {
        max-width: 220px;
        margin: 0 auto 20px;
    }

    .customizable-inn {
        width: 313px;
    }

    .theme-video-inn {
        width: 313px;
    }

    .schedule-inn {
        width: 313px;
    }

    .customizable-inn h2 {
        font-size: 26px;
    }

    .customizable-inn p {
        font-size: 16px;
    }

    .theme-video-inn h2 {
        font-size: 26px;
    }

    .theme-video-inn p {
        font-size: 16px;
    }

    .schedule-inn h2 {
        font-size: 26px;
    }

    .schedule-inn p {
        font-size: 16px;
    }

    .theme-video-box {
        margin-top: 172px;
    }

    .digital-pic-content {
        width: 313px;
    }

    .digital-pic-content h2 {
        font-size: 26px;
    }

    .digital-pic-content p {
        font-size: 16px;
    }

    .accessory_box_outer {
        border: none;
    }

    .accessory_img {
        order: 1;
        float: left;
        width: 40%;
        padding: 0;
    }

    .accessory_box_outer h2 {
        margin-bottom: 10px;
    }

    .accessory_box_outer h3 {
        margin-bottom: 8px;
    }

    .prod_box_details {
        order: 2;
        float: left;
        width: 60%;
    }

    .accessory_box_outer {
        display: flex;
        padding: 40px 20px;
    }

    .accessory_img {
        min-height: auto;
    }

    .prod_box_details {
        min-height: auto;
    }

    .accessory_box_outer {
        padding: 40px 20px;
        min-height: auto;
        position: relative;
    }

    .row.shuffle-wrapper.portfolio-gallery {
        width: 100%;
        margin: 0;
    }

    .configator-inn {
        width: 313px;
    }

    .mini-vidoe-block {
        margin: 0;
    }

    .configator-inn h2 {
        font-size: 26px;
    }

    .compliant-inn h2 {
        font-size: 26px;
    }
}

@media only screen and (max-width: 375px) {
    .videoWrapper {
        height: 616px;
        margin-top: -432px;
    }

    .hero-img1 img {
        max-width: 164px;
    }

    .product-inn p {
        font-size: 15px;
    }



    .product-inn h2,
    .wifi-thermo-section h2,
    .skyweb-block h2,
    .wifi-thermo-content h2,
    .voice-inn h2 {
        font-size: 30px;
        font-family: Roboto, sans-serif;
        font-weight: 400;
        color: #3e3e3e;
    }

    .wifi-thermo-section p,
    .wifi-thermo-content p,
    .skyweb-block p,
    .product-inn p,
    .survyeor-inn p,
    .voice-inn p {
        margin: 16px auto 0;
        max-width: 372px;
        font-size: 18px;
        font-family: Tahoma;
    }

    .wifi-thermo-content,
    .skyweb-inn {
        padding-right: 15px;
        padding-left: 15px;
        position: relative;
        width: 100%;
    }

    .survyeor-img img {
        top: 53%;
    }

    .color-touch-new-section {
        padding: 96px 0 40px;
    }

    .product-inn {
        width: 300px;
    }

    .survyeor-inn h2 {
        font-size: 30px;
    }

    .survyeor-inn {
        width: 300px;
    }
}