* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    margin: 0;
    padding: 0;
}
#carouselExampleIndicators {
    z-index: 0;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28174, 7, 33, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;

    
  }

 .navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

.sticky-header {
    width: 100%;
    height: auto;
    background: #fff;
    display: block;
    flex-wrap: wrap;
    position: sticky;
    z-index: 1;
    flex-direction: row;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0%;
    padding-bottom: 2%;
}
.mini-header {
    width: 100%;
    height: 70px;
}
.top-bar {
    width: 100%;
    height: 70px;
    text-align: right;
    line-height: 70px;
    float: right;
}
.top-bar h6 {
    padding: 0 10px;
    display: inline-block;
}
.top-bar h6 a {
    color: #313131;
    font-size: 13px;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 0.9 !important;
}
input#search-bar {
    padding: 5px 8px 5px 36px;
    display: inline-block;
    color: #ae0721;
    border: 1px solid #ccc;
    white-space: nowrap;
}
.icon-search {
    position: relative;
    float: right;
    padding-right: 10px;
    color: #ae0721;
    top: -31px;
    text-decoration: none;
    border: none !important;
}
button {
    background: none !important;
    border: none !important;
    color: #ae0721;
    padding-top: 5px;
}
button:hover {
    background: none !important;
    border: none !important;
    color: #ae0721;
    border-radius: 0 !important;
}
header {
    width: 100%;
    background: #fff;
}

.menu-contatiner{

   width:100%;
   height:auto;
   display:flex;
   margin:0;
   padding:0;
   flex-direction: row;

   }


.hamsburger-menu {
   width:55%;
   margin:0;
   padding:0;
   float: left;
   
}




.number a {
    font-size: 30px;
    color: rgb(138, 39, 18);
}
.frame-icon {
    padding-left: 3px;
}
nav:after {
    content: "";
    clear: both;
    display: table;
}
.logo {
    width:20%;
    float: left;
    padding-left: 20px;
    padding-right: 25px;
    
    
}

.text-right{
    width:25%;
    float:right;

}
nav ul {
    float: left;
    list-style: none;
    position: relative;
}
nav ul li {
    float: left;
    display: inline-block;
    margin: 0 7px;
}
nav ul li a {
    color: #313133;
    line-height: 50px;
    text-decoration: none;
    font-size: 13px;
    padding: 0 20px;
}
nav ul li a:hover {
    color: #ae0721;
    text-decoration: none;
}
nav ul ul {
    position: absolute;
    top: 80px;
    opacity: 0;
    visibility: hidden;
    transition: top 0.3s;
}
nav ul ul ul {
    border-top: none;
}
nav ul li:hover > ul {
    top: 90%;
    opacity: 1;
    visibility: visible;
}
nav ul ul li {
    position: relative;
    display: list-item;
    float: none;
    z-index: 1001;
    width: 12vw;
    margin: 0;
    padding: 0;
}
.show,
.icon,
input {
    display: none;
}
.fas:hover {
    transform: rotate(0deg);
    transition: 0.1s ease-in;
}
.view-all {
    font-size: 12px;
    font-weight: 500;
    color: #ae0721;
    border: 1px solid rgba(174, 7, 33, 1);
    text-align: center;
    padding: 15px 15px;
    position: relative;
    left: 180px;
    top: -360px;
}
nav ul li {
    background: rgb(239, 239, 239);
    
}
.item-border {
    border-bottom: 1px solid #ccc;
}
.nav-space {
    background: #fff;
}
.nav-space li a {
    line-height: 35px;
}
.row {
    background: transparent !important;
}
.main-box {
    width: auto;
    height: 100%;
    background: rgb(239, 239, 239);
    margin-left: 19.2%;
    
}
.first-line {
    width: auto;
    height: auto;
    position: relative;
    margin-left: -9.2%;
    margin-top: -4%;
    background: rgb(239, 239, 239);
}
.second-line {
    width: auto;
    height: auto;
    position: relative;
    margin-left: 23%;
    margin-top: -46%; /* was 6.25.25  -35.5%; */
    z-index: 1004;
 
}
.third-line {
    width: auto;
    height: auto;
    position: relative;
    margin-left: 50%;
    margin-top: -43%;
    z-index: 1001;
}
.cameras-button {
    width: 15vw;
    height: 100%;
    z-index: 1002;
}
.main-box-lenses {
    width: auto;
    height: 100%;
    margin-left: 35% !important;
    margin-top: -8%;
    background: rgb(239, 239, 239);
}
.lenses-menu li {
    margin-left: 0%;
}
.lenses-menu {
    width: auto;
    height: 100%;
    position: relative;
    margin-left: 0% !important;
    background: rgb(239, 239, 239);
    z-index: 2;
}
.lenses-button {
    width: 100px;
    height: auto;
    position: relative;
    top: 0px !important;
    z-index: 1;
}
.lenses-text {
    position: absolute;
    top: -400px !important;
}
.main-box-framegrabbers {
    width: auto;
    height: auto;
    margin-left: 36%;
    margin-top: -6%;
    background: rgb(239, 239, 239) !important;
}
.framegrabbers-menu li {
    margin-left: -1.2vw;
}
.framegrabbers-menu {
    width: auto;
    height: auto;
    position: relative;
    margin-left: -1%;
    margin-top: 0;
    background: rgb(239, 239, 239);
}
.frame-button {
    width: 100px;
    height: auto;
    position: relative;
    top: 190px;
    z-index: 1002;
}
.main-box-adapters-menu {
    width: auto;
    height: auto;
    margin-left: 50.5%;
    margin-top: -6%;
    background: rgb(239, 239, 239);
    z-index: 1003;
}
.adapters-menu li {
    margin-left: -1.2vw;
}
.adapters-menu {
    width: auto;
    height: auto;
    position: relative;
    left: -10%;
    top: 0;
    background: rgb(239, 239, 239);
}
.adapters-button {
    width: 100px;
    height: auto;
    position: relative;
    top: 220px;
    left: -110px;
    z-index: 1002;
}
.main-box-cables-menu {
    width: auto;
    height: auto;
    margin-left: 41%;
    margin-top: -6%;
    background: rgb(239, 239, 239);
    z-index: 1003;
}
.cables-menu li {
    margin-left: -1.2vw;
}
.cables-menu {
    width: auto;
    height: auto;
    position: relative;
    left: -10%;
    top: 0;
    background: rgb(239, 239, 239);
}
.cables-button {
    width: auto;
    height: auto;
    position: relative;
    left: -20px;
    top: 10px;
    z-index: 1002;
}
.main-box-accessories-menu {
    width: auto;
    height: auto;
    margin-left: 41%;
    margin-top: -6%;
    background: rgb(239, 239, 239);
    z-index: 1003;
}
.accessories-menu li {
    margin-left: -1.2vw;
    width: auto;
}
.accessories-menu {
    width: auto;
    height: auto;
    position: relative;
    left: -10%;
    top: 0;
    background: rgb(239, 239, 239);
}
.accessories-button {
    width: auto;
    height: auto;
    position: relative;
    left: -20px;
    top: 220px;
    z-index: 1002;
}
.main-box-systems-menu {
    width: auto;
    height: auto;
    margin-left: 41%;
    margin-top: -6%;
    background: rgb(239, 239, 239);
    z-index: 1003;
}
.systems-menu li {
    margin-left: -1.2vw;
    width: 15vw;
}
.systems-menu {
    width: auto;
    height: auto;
    position: relative;
    left: -9.7%;
    top: 0;
    background: rgb(239, 239, 239);
}
.systems-button {
    width: auto;
    height: auto;
    position: relative;
    left: -20px;
    top: 260px;
    z-index: 1002;
}
.order {
    position: absolute;
    top: 3px; /* 5px works pretty well; try 3px 4.8.22 was 7px; 3.24.22 */
}
@media all and (max-width: 1024px) {

  

  .menu-contatiner{
   width:100%;
   height:auto;
   margin:0;
   padding:0;
   clear:both;

   }


    .logo{
        order:2;
        padding:0;
        margin:0;
        background: transparent; !important;
        padding-left: 0px !important;
        padding-right: 5px !important;
        
    }

    

  .hamsburger-menu{
        order:1;
        padding:0;
        margin:0;
        background: transparent !important;
  }



.text-right{
     order:3;
     z-index:1031;
     padding:0;
     margin:0;
    background: transparent !important;
}

    .bg-white{
        margin-top:4% !important;
    }

    
    
   .navbar{
    margin:0 !important;
    padding:0 !important;
   }



    nav ul {
        margin-right: 0;
        float: left;
    }

    

    .show + a,
    ul {
        display: none;
    }
    nav ul li,
    nav ul ul li {
        display: block;
        width: auto;
    }
    nav ul li a {
        padding: 0 0px !important;
    }
    nav ul li a:hover {
        box-shadow: none;
    }
    .show {
        display: block;
        color: #313131;
        font-size: 15px;
        padding: 0 0px;
        line-height: 30px;
        cursor: pointer;
        width:75vw !important;
        overflow: :hidden;
    }
    .show:hover {
        color: #ae0721;
    }
    .icon {
        display: flex;
        font-size: 25px;
        position: absolute;
        right: 40%;
        z-index: 1018;
        top: 35%;
        color: #ae0721;
        cursor: pointer;
        transition: 0.3s linear;
    }
    nav ul ul {
        top: 30px;
        border-top: 0;
        float: none;
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
    }
    nav ul ul ul a {
        padding-left: 0px;
    }
    nav ul ul ul li {
        position: static;
    }
    [id^="btn"]:checked + ul {
        display: block;
        width: 100%;
    }
    nav ul ul li {
        border-bottom: 0;
    }
    span.cancel:before {
        content: "\f00d";
    }
    .fas {
        transform: rotate(360deg);
        transition: 0.1s;
    }
    .fas:hover {
        transform: rotate(0deg);
        transition: 0.1s;
    }

    .row{
        margin:0 !important;
    }
    .main-box {
        width: 100% !important;
        margin-top:1% !important;
    }
    .first-line {
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        top: 0% !important;
        left: 0% !important;
        margin-left:0 !important;
    }
    .second-line {
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        top: 0% !important;
        left: 0% !important;
        margin-top: 10%;  /* 7.27.25 was 5% */
        margin-left: 0 !important;
   
    }
    .third-line {
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        top: 0% !important;
        left: 0% !important;
        margin-top: 5%;
        margin-left: 0 !important;
    }
    .cameras-button {
        width: 100%;
        position: relative !important;
        top: 0% !important;
        left: 0% !important;
        margin: 5% 0;
    }
    .main-box-lenses {
        margin-left: 19% !important;
        margin-top: 1% !important;
        width:100% !important;
    }
    
    
    .lenses-button {
        width: 100%;
        position: relative !important;
        top: 0% !important;
        left: 0% !important;
        margin: 5% 0;
        float: left;
    }
    .lenses-text {
        top: 0 !important;
    }
    .main-box-framegrabbers {
        margin-left: 19%;
        margin-top: 1% !important;
        width:100% !important;

    }

    .main-box-framegrabbers li{
        margin-left:1.3% !important;
    }
    
    .frame-button {
        width: 100%;
        position: relative !important;
        top: 0% !important;
        left: 8% !important;
        margin-top: 5%;
        margin-bottom: 5%;

    }
    .main-box-adapters-menu {
        margin-left: 19%;
        margin-top: 0%;
        width:100% !important;
    }
    .adapters-menu {
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        top: 0% !important;
        left: 0% !important;
    }

    .main-box-adapters-menu li{
        margin-left:1.3% !important;
    }
    .adapters-button {
        width: 100%;
        position: relative !important;
        top: 0% !important;
        left: 0% !important;
        margin: 5% 0%;
    }
    .main-box-cables-menu {
        margin-left: 19%;
        margin-top: 0%;
        width:100% !important;
    }
    .cables-menu {
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        top: 0% !important;
        left: 0% !important;
        margin-top: 0%;
    }

    .main-box-cables-menu li{
        margin-left:1.3% !important;
    }
    .cables-button {
        width: 100%;
        position: relative !important;
        top: 0% !important;
        left: 0% !important;
        margin: 5% 0;
    }
    .main-box-accessories-menu {
        margin-left: 19%;
        margin-top: 0%;
        width:100% !important;
    }
    
    .accessories-menu {
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        top: 0% !important;
        left: 0% !important;
        margin-top: 0%;
    }

    .main-box-accessories-menu li{
        margin-left:1.3% !important;
    }
    .accessories-button {
        width: 100%;
        position: relative !important;
        top: 0% !important;
        left: 0% !important;
        margin: 5% 0;
    }
    
    
    .view-all {
        margin-top: 5px !important;
        padding: 10px 20px !important;
        position: relative;
        left: 0;
        top: 0;
    }

    .main-order{
        margin-left: 19% !important;
        margin-top: 1% !important;
        margin-bottom:3% !important;
        width:100% !important;

    }

    .order {
        width: 81% !important;
        height: auto !important;
        position: relative !important;
        top: 0% !important;
        left: 0% !important;
        margin-top: 0%;
        padding-left:5% ;
    }

    .number a {
        font-size: 17px;
        display: inherit;
        position: relative;
    }
    .number h6 {
        font-size: 12px;
        color: rgb(138, 39, 18);
    }
    .top-bar {
        float: left !important;
        display: flex;
        padding-top: 2%;
        margin-bottom: 4%;
    }
    .top-bar h6 a {
        font-size: 12px !important;
    }
    .search-icon {
        position: absolute;
        top: 3px !important;
        left: -20px !important;
    }
    .sticky-header {
        position: relative !important;
    }
    
}

@media (max-width: 568px) {



    .number a {
        font-size: 10px;
    }
    .number h6 {
        font-size: 7px;
        color: rgb(138, 39, 18);
    }
    
    .icon {
        display: flex;
        font-size: 24px;
        position: absolute;
        right: 40%;
        z-index: 1018;
        margin-top: -20%;
    }
    .sticky-header {
        position: relative !important;
    }
    
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    nav ul ul li {
        width: 14vw;
    }
    .main-box {
        width: 780px;
        height: 100%;
        margin-left: 20.2%;
        margin-top: -4%;
    }
    .first-line {
        width: 20%;
        height: auto;
        position: relative;
        margin-left: -12% !important;
        margin-top: 0%;
    }
    .second-line {
        width: 20%;
        height: auto;
        position: relative;
        margin-left: 24%;
        margin-top: -46%; /* was -40.2% 7.27.25 */
        z-index: 1004;
    }
    .third-line {
        width: 20%;
        height: auto;
        position: relative;
        margin-left: 52%;
        margin-top: -45.8%;
        z-index: 1001;
    }
    .cameras-button {
        width: 100px;
        height: auto;
        z-index: 1002;
    }
    .view-all {
        position: relative;
        left: 170px;
        top: -350px;
    }
    .main-box-lenses {
        width: 450px;
        height: 100%;
        margin-left: 36.1%;
        margin-top: -8%;
    }
    .lenses-menu {
        width: 250px !important;
        height: 100%;
        position: relative;
        margin-left: -7%;
        margin-top: 0%;
        z-index: 1001;
    }
    .lenses-button {
        width: 100px;
        height: auto;
        position: relative;
        left: 6%;
        top: -55px;
        z-index: 1002;
    }
    .main-box-framegrabbers {
        width: 450px;
        height: auto;
        margin-left: 35.7%;
        margin-top: -6%;
        background: rgb(239, 239, 239);
    }
    .framegrabbers-menu li {
        margin-left: -1vw;
    }
    .framegrabbers-menu {
        width: auto;
        height: auto;
        position: relative;
        margin-top: 0;
    }
    .frame-button {
        width: 100px;
        height: auto;
        position: relative;
        top: 190px;
        z-index: 1002;
    }
    .main-box-adapters-menu {
        width: 350px;
        height: auto;
        margin-left: 50%;
        margin-top: -6%;
        background: rgb(239, 239, 239);
        z-index: 1003;
    }
    .adapters-menu li {
        margin-left: -1.2vw;
    }
    .adapters-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -10%;
        top: 0;
        background: rgb(239, 239, 239);
    }
    .adapters-button {
        width: 100px;
        height: auto;
        position: relative;
        top: 220px;
        left: -110px;
        z-index: 1002;
    }
    .main-box-cables-menu {
        width: 450px;
        height: auto;
        margin-left: 41%;
        margin-top: -6%;
        z-index: 1003;
    }
    .cables-menu li {
        margin-left: -1.2vw;
        width: 18vw;
    }
    .cables-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -10%;
        top: 0;
    }
    .cables-button {
        width: 100px;
        height: auto;
        position: relative;
        left: -20px;
        top: 10px;
        z-index: 1002;
    }
    .main-box-accessories-menu {
        width: 450px;
        height: auto;
        margin-left: 41%;
        margin-top: -6%;
        z-index: 1003;
    }
    .accessories-menu li {
        margin-left: -1.2vw;
        width: 18vw;
    }
    .accessories-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -10%;
        top: 0;
    }
    .accessories-button {
        width: 100px;
        height: auto;
        position: relative;
        left: -20px;
        top: 225px;
        z-index: 1002;
    }
    .systems-menu li {
        margin-left: -1.2vw;
        width: 18vw;
    }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
    nav ul ul li {
        width: 12.7vw;
    }
    .main-box {
        width: 780px;
        height: 100%;
        margin-left: 20.2%;
        margin-top: -4%;
    }
    .first-line {
        width: 20%;
        height: auto;
        position: relative;
        margin-left: -12% !important;
        margin-top: 0%;
    }
    .second-line {
        width: 20%;
        height: auto;
        position: relative;
        margin-left: 24%;
        margin-top: -46%; /* was -40.2% 7.27.25 */
        z-index: 1004;
    }
    .third-line {
        width: 20%;
        height: auto;
        position: relative;
        margin-left: 53% !important;
        margin-top: -45.8%;
        z-index: 1001;
    }
    .cameras-button {
        width: 100px;
        height: auto;
        z-index: 1002;
    }
    .view-all {
        position: relative;
        left: 180px;
        top: -350px;
    }
    .main-box-lenses {
        width: 450px;
        height: 100%;
        margin-left: 36.1%;
        margin-top: -8%;
    }
    .lenses-menu {
        width: 250px !important;
        height: 100%;
        position: relative;
        margin-left: -7%;
        margin-top: 0%;
        z-index: 1001;
    }
    .lenses-button {
        width: 100px;
        height: auto;
        position: relative;
        left: 6%;
        top: -55px;
        z-index: 1002;
    }
    .main-box-framegrabbers {
        width: 450px;
        height: auto;
        margin-left: 35.6%;
        margin-top: -6%;
        background: rgb(239, 239, 239);
    }
    .framegrabbers-menu li {
        margin-left: -0.9vw;
    }
    .framegrabbers-menu {
        width: auto;
        height: auto;
        position: relative;
        margin-top: 0;
        background: ;
    }
    .frame-button {
        width: 100px;
        height: auto;
        position: relative;
        top: 190px;
        z-index: 1002;
    }
    .main-box-adapters-menu {
        width: 350px;
        height: auto;
        margin-left: 50.4%;
        margin-top: -6%;
        background: rgb(239, 239, 239);
        z-index: 1003;
    }
    .adapters-menu li {
        margin-left: -1.2vw;
    }
    .adapters-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -10%;
        top: 0;
        background: rgb(239, 239, 239);
    }
    .adapters-button {
        width: 100px;
        height: auto;
        position: relative;
        top: 220px;
        left: -110px;
        z-index: 1002;
    }
    .main-box-cables-menu {
        width: 450px;
        height: auto;
        margin-left: 41%;
        margin-top: -6%;
        z-index: 1003;
    }
    .cables-menu li {
        margin-left: -1.2vw;
        width: 18vw;
    }
    .cables-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -9%;
        top: 0;
    }
    .cables-button {
        width: 100px;
        height: auto;
        position: relative;
        left: -20px;
        top: 10px;
        z-index: 1002;
    }
    .main-box-accessories-menu {
        width: 450px;
        height: auto;
        margin-left: 40%;
        margin-top: -6%;
        z-index: 1003;
    }
    .accessories-menu li {
        margin-left: -1vw;
        width: 18vw;
    }
    .accessories-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -8%;
        top: 0;
    }
    .accessories-button {
        width: 100px;
        height: auto;
        position: relative;
        left: -20px;
        top: 225px;
        z-index: 1002;
    }
    .order {
        width: 17.5vw !important;
    }
}
@media only screen and (min-width: 1401px) and (max-width: 1800px) {
    nav ul ul li {
        width: 11vw !important;
    }
    .main-box {
        width: 780px;
        height: 100%;
        margin-left: 20.2%;
        margin-top: -4%;
    }
    .first-line {
        width: 20%;
        height: auto;
        position: relative;
        margin-left: -12% !important;
        margin-top: 0%;
    }
    .second-line {
        width: 20%;
        height: auto;
        position: relative;
        margin-left: 18%;
        margin-top: -46%; /* was -40.2% 7.27.25 */
        z-index: 1004;
    }
    .third-line {
        width: 20%;
        height: auto;
        position: relative;
        margin-left: 51%;
        margin-top: -45.8%;
        z-index: 1001;
    }
    .cameras-button {
        width: 100px;
        height: auto;
        z-index: 1002;
    }
    .view-all {
        position: relative;
        left: 200px;
        top: -350px;
    }
    .main-box-lenses {
        width: 450px;
        height: 100%;
        margin-left: 36.1%;
        margin-top: -8%;
    }
    .lenses-menu li {
        width: 13vw !important;
    }
    .lenses-menu {
        width: 250px !important;
        height: 100%;
        position: relative;
        margin-left: -7%;
        margin-top: 0%;
        z-index: 1001;
    }
    .lenses-button {
        width: 100px;
        height: auto;
        position: relative;
        left: -20px;
        top: -55px;
        z-index: 1002;
    }
    .main-box-framegrabbers {
        width: 450px;
        height: auto;
        margin-left: 35.6% !important;
        margin-top: -6%;
        background: rgb(239, 239, 239);
    }
    .framegrabbers-menu li {
        margin-left: -1vw;
    }
    .framegrabbers-menu {
        width: auto;
        height: auto;
        position: relative;
        margin-top: 0;
    }
    .frame-button {
        width: 100px;
        height: auto;
        position: relative;
        top: 190px;
        z-index: 1002;
    }
    .main-box-adapters-menu {
        width: 350px;
        height: auto;
        margin-left: 50%;
        margin-top: -6%;
        background: rgb(239, 239, 239);
        z-index: 1003;
    }
    .adapters-menu li {
        margin-left: -0.8vw;
    }
    .adapters-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -9%;
        top: 0;
        background: rgb(239, 239, 239);
    }
    .adapters-button {
        width: 100px;
        height: auto;
        position: relative;
        top: 220px;
        left: -120px;
        z-index: 1002;
    }
    .main-box-cables-menu {
        width: 450px;
        height: auto;
        margin-left: 41%;
        margin-top: -6%;
        z-index: 1003;
    }
    .cables-menu li {
        margin-left: -0.6vw;
        width: 12vw !important;
    }
    .cables-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -10%;
        top: 0;
    }
    .cables-button {
        width: 100px;
        height: auto;
        position: relative;
        left: -20px;
        top: 10px;
        z-index: 1002;
    }
    .main-box-accessories-menu {
        width: 450px;
        height: auto;
        margin-left: 40.7%;
        margin-top: -6%;
        z-index: 1003;
    }
    .accessories-menu li {
        margin-left: -0.8vw;
        width: 13vw !important;
    }
    .accessories-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -8.7%;
        top: 0;
    }
    .accessories-button {
        width: 100px;
        height: auto;
        position: relative;
        left: -20px;
        top: 220px;
        z-index: 1002;
    }
    .main-box-systems-menu {
        width: 450px;
        height: auto;
        margin-left: 42.2%;
        margin-top: -6%;
        z-index: 1003;
    }
    .systems-menu {
        margin-left: 0.4% !important;
    }
    .systems-menu li {
        margin-left: -0.4vw;
        width: 18vw !important;
    }
    .order {
        width: 14.8vw !important;
    }
}
@media only screen and (min-width: 1801px) and (max-width: 2200px) {
    nav ul ul li {
        width: 9vw !important;
    }
    .main-box {
        width: 780px;
        height: 100%;
        margin-left: 20.2%;
        margin-top: -4%;
    }
    .first-line {
        width: 20%;
        height: auto;
        position: relative;
        margin-left: -12% !important;
        margin-top: 0%;
    }
    .second-line {
        width: 20%;
        height: auto;
        position: relative;
        margin-left: 18%;
        margin-top: -46%; /* was -40.2% 7.27.25 */
        z-index: 1004;
    }
    .third-line {
        width: 20%;
        height: auto;
        position: relative;
        margin-left: 51%;
        margin-top: -45.8%;
        z-index: 1001;
    }
    .cameras-button {
        width: 100px;
        height: auto;
        z-index: 1002;
    }
    .view-all {
        position: relative;
        left: 200px;
        top: -350px;
    }
    .main-box-lenses {
        width: 450px;
        height: 100%;
        margin-left: 36.1%;
        margin-top: -8%;
    }
    .lenses-menu li {
        width: 11vw !important;
    }
    .lenses-menu {
        width: 250px !important;
        height: 100%;
        position: relative;
        margin-left: -7%;
        margin-top: 0%;
        z-index: 1001;
    }
    .lenses-button {
        width: 100px;
        height: auto;
        position: relative;
        left: -20px;
        top: -55px;
        z-index: 1002;
    }
    .main-box-framegrabbers {
        width: 450px;
        height: auto;
        margin-left: 35.7%;
        margin-top: -6%;
    }
    .framegrabbers-menu li {
        margin-left: -0.6vw;
    }
    .framegrabbers-menu {
        width: auto;
        height: auto;
        position: relative;
        margin-top: 0;
    }
    .frame-button {
        width: 100px;
        height: auto;
        position: relative;
        top: 190px;
        z-index: 1002;
    }
    .main-box-adapters-menu {
        width: 350px;
        height: auto;
        margin-left: 50%;
        margin-top: -6%;
        background: rgb(239, 239, 239);
        z-index: 1003;
    }
    .adapters-menu li {
        margin-left: -0.6vw;
    }
    .adapters-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -7.9%;
        top: 0;
        background: rgb(239, 239, 239);
    }
    .adapters-button {
        width: 100px;
        height: auto;
        position: relative;
        top: 220px;
        left: -110px;
        z-index: 1002;
    }
    .main-box-cables-menu {
        width: 450px;
        height: auto;
        margin-left: 39%;
        margin-top: -6%;
        z-index: 1003;
    }
    .cables-menu li {
        margin-left: -0.5vw;
        width: 12vw !important;
    }
    .cables-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -6%;
        top: 0;
    }
    .cables-button {
        width: 100px;
        height: auto;
        position: relative;
        left: -20px;
        top: 10px;
        z-index: 1002;
    }
    .main-box-accessories-menu {
        width: 450px;
        height: auto;
        margin-left: 41%;
        margin-top: -6%;
        z-index: 1003;
    }
    .accessories-menu li {
        margin-left: -0.3vw;
        width: 13vw !important;
    }
    .accessories-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -8.7%;
        top: 0;
    }
    .accessories-button {
        width: 100px;
        height: auto;
        position: relative;
        left: -20px;
        top: 220px;
        z-index: 1002;
    }
    .main-box-systems-menu {
        width: 450px;
        height: auto;
        margin-left: 43.3%;
        margin-top: -6%;
        z-index: 1003;
    }
    .systems-menu {
        margin-left: 0.5% !important;
    }
    .systems-menu li {
        margin-left: -0.6vw;
        width: 18vw !important;
    }
    .order {
        width: 12.9vw !important; /* was 12.7vw !important; 3.24.22 */
    }
}
@media only screen and (min-width: 1910px) and (max-width: 1920px) {
    .main-box-adapters-menu {
        width: 350px;
        height: auto;
        margin-left: 48.8%;
        margin-top: -6%;
        background: rgb(239, 239, 239);
        z-index: 1003;
    }
    .adapters-menu li {
        margin-left: -0.3vw;
    }
    .adapters-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -7%;
        top: 0;
        background: rgb(239, 239, 239);
    }
    .adapters-button {
        width: 100px;
        height: auto;
        position: relative;
        top: 220px;
        left: -110px;
        z-index: 1002;
    }
    .main-box-cables-menu {
        width: 450px;
        height: auto;
        margin-left: 38%;
        margin-top: -6%;
        z-index: 1003;
    }
    .cables-menu li {
        margin-left: -0.3vw;
        width: 12vw !important;
    }
    .cables-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -5%;
        top: 0;
    }
    .cables-button {
        width: 100px;
        height: auto;
        position: relative;
        left: -20px;
        top: 10px;
        z-index: 1002;
    }
    .main-box-accessories-menu {
        width: 450px;
        height: auto;
        margin-left: 39.8%;
        margin-top: -6%;
        z-index: 1003;
    }
    .accessories-menu li {
        margin-left: -0.3vw;
        width: 13vw !important;
    }
    .accessories-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -8%;
        top: 0;
    }
    .accessories-button {
        width: 100px;
        height: auto;
        position: relative;
        left: -20px;
        top: 220px;
        z-index: 1002;
    }
    .main-box-systems-menu {
        width: 450px;
        height: auto;
        margin-left: 42.7%;
        margin-top: -6%;
        z-index: 1003;
    }
    .systems-menu {
        margin-left: 0.2% !important;
    }
    .systems-menu li {
        margin-left: -0.4vw;
        width: 18vw !important;
    }
}
@media only screen and (min-width: 2201px) and (max-width: 3500px) {
    nav ul ul li {
        width: 6.9vw !important;
    }
    .main-box {
        width: 780px;
        height: 100%;
        margin-left: 20.2%;
        margin-top: -4%;
    }
    .first-line {
        width: 20%;
        height: auto;
        position: relative;
        margin-left: -12% !important;
        margin-top: 0%;
    }
    .second-line {
        width: 20%;
        height: auto;
        position: relative;
        margin-left: 18%;
        margin-top: -46%; /* was -40.2% 7.27.25 */
        z-index: 1004;
    }
    .third-line {
        width: 20%;
        height: auto;
        position: relative;
        margin-left: 51%;
        margin-top: -45.8%;
        z-index: 1020;
    }
    .cameras-button {
        width: 100px;
        height: auto;
        z-index: 1021;
    }
    .view-all {
        position: relative;
        left: 180px;
        top: -350px;
    }
    .main-box-lenses {
        width: 450px;
        height: 100%;
        margin-left: 36.1%;
        margin-top: -8%;
    }
    .lenses-menu li {
        width: 9vw !important;
    }
    .lenses-menu {
        width: 250px !important;
        height: 100%;
        position: relative;
        margin-left: -7%;
        margin-top: 0%;
        z-index: 1001;
    }
    .lenses-button {
        width: 100px;
        height: auto;
        position: relative;
        left: 6%;
        top: -55px;
        z-index: 1002;
    }
    .main-box-cables-menu {
        width: 450px;
        height: auto;
        margin-left: 41%;
        margin-top: -6%;
        z-index: 1003;
    }
    .cables-menu li {
        margin-left: -0.6vw !important;
        width: 10vw;
    }
    .cables-menu {
        width: auto;
        height: auto;
        position: relative;
        left: 9%;
        top: 0;
    }
    .cables-button {
        width: 100px;
        height: auto;
        position: relative;
        left: -20px;
        top: 10px;
        z-index: 1002;
    }
    .main-box-framegrabbers {
        width: 450px;
        height: auto;
        margin-left: 35.6%;
        margin-top: -6%;
    }
    .framegrabbers-menu li {
        margin-left: -0.6vw;
    }
    .framegrabbers-menu {
        width: auto;
        height: auto;
        position: relative;
        margin-top: 0;
    }
    .frame-button {
        width: 100px;
        height: auto;
        position: relative;
        top: 190px;
        z-index: 1002;
        left: -25px;
    }
    .main-box-adapters-menu {
        width: 350px;
        height: auto;
        margin-left: 49.4%;
        margin-top: -6%;
        background: rgb(239, 239, 239);
        z-index: 1003;
    }
    .adapters-menu li {
        margin-left: -0.4vw;
    }
    .adapters-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -7%;
        top: 0;
        background: rgb(239, 239, 239);
    }
    .adapters-button {
        width: 100px;
        height: auto;
        position: relative;
        top: 220px;
        left: -110px;
        z-index: 1002;
    }
    .main-box-cables-menu {
        width: 450px;
        height: auto;
        margin-left: 39.7%;
        margin-top: -6%;
        z-index: 1003;
    }
    .cables-menu li {
        margin-left: -0.8vw;
        width: 11vw !important;
    }
    .cables-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -6%;
        top: 0;
    }
    .cables-button {
        width: 100px;
        height: auto;
        position: relative;
        left: -20px;
        top: 10px;
        z-index: 1002;
    }
    .main-box-accessories-menu {
        width: 450px;
        height: auto;
        margin-left: 42.5%;
        margin-top: -6%;
        z-index: 1003;
    }
    .accessories-menu li {
        margin-left: -0.4vw;
        width: 13vw !important;
    }
    .accessories-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -9.3%;
        top: 0;
    }
    .accessories-button {
        width: 100px;
        height: auto;
        position: relative;
        left: -20px;
        top: 220px;
        z-index: 1002;
    }
    .main-box-systems-menu {
        width: 450px;
        height: auto;
        margin-left: 43%;
        margin-top: -6%;
        z-index: 1003;
    }
    .systems-menu {
        margin-left: 0.6% !important;
    }
    .systems-menu li {
        margin-left: -0.3vw;
        width: 14vw !important;
    }
    .order {
        width: 10.5vw !important;
    }
}
@media only screen and (min-width: 2550px) and (max-width: 2565px) {
    .main-box-adapters-menu {
        width: 350px;
        height: auto;
        margin-left: 48.8%;
        margin-top: -6%;
        background: rgb(239, 239, 239);
        z-index: 1003;
    }
    .adapters-menu li {
        margin-left: -0.3vw;
    }
    .adapters-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -7%;
        top: 0;
        background: rgb(239, 239, 239);
    }
    .adapters-button {
        width: 100px;
        height: auto;
        position: relative;
        top: 220px;
        left: -110px;
        z-index: 1002;
    }
    .main-box-cables-menu {
        width: 450px;
        height: auto;
        margin-left: 38.5%;
        margin-top: -6%;
        z-index: 1003;
    }
    .cables-menu li {
        margin-left: -0.3vw;
        width: 12vw !important;
    }
    .cables-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -5%;
        top: 0;
    }
    .cables-button {
        width: 100px;
        height: auto;
        position: relative;
        left: -20px;
        top: 10px;
        z-index: 1002;
    }
    .main-box-accessories-menu {
        width: 450px;
        height: auto;
        margin-left: 41%;
        margin-top: -6%;
        z-index: 1003;
    }
    .accessories-menu li {
        margin-left: -0.3vw;
        width: 13vw !important;
    }
    .accessories-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -8%;
        top: 0;
    }
    .accessories-button {
        width: 100px;
        height: auto;
        position: relative;
        left: -20px;
        top: 220px;
        z-index: 1002;
    }
    .main-box-systems-menu {
        width: 450px;
        height: auto;
        margin-left: 44.3%;
        margin-top: -6%;
        z-index: 1003;
    }
    .systems-menu {
        margin-left: 0.2% !important;
    }
    .systems-menu li {
        margin-left: -0.4vw;
        width: 18vw !important;
    }
}


@media only screen and (min-width: 3501px) and (max-width: 10000px) {
    nav ul ul li {
        width: 6.9vw !important;
    }
    .main-box {
        width: 780px;
        height: 100%;
        margin-left: 20.2%;
        margin-top: -4%;
    }
    .first-line {
        width: 20%;
        height: auto;
        position: relative;
        margin-left: -12% !important;
        margin-top: 0%;
    }
    .second-line {
        width: 20%;
        height: auto;
        position: relative;
        margin-left: 18%;
        margin-top: -46%; /* was -40.2% 7.27.25 */
        z-index: 1004;
    }
    .third-line {
        width: auto;
        height: auto;
        position: relative;
        margin-left: 41%;
        margin-top:0%;
        z-index: 1001;
    }
    .cameras-button {
        width: 100px;
        height: auto;
        z-index: 1002;
    }
    .view-all {
        position: relative;
        left: 180px;
        top: -350px;
    }
    .main-box-lenses {
        width: 450px;
        height: 100%;
        margin-left: 36.1%;
        margin-top: -8%;
    }
    .lenses-menu li {
        width: 9vw !important;
    }
    .lenses-menu {
        width: 250px !important;
        height: 100%;
        position: relative;
        margin-left: -7%;
        margin-top: 0%;
        z-index: 1001;
    }
    .lenses-button {
        width: 100px;
        height: auto;
        position: relative;
        left: 6%;
        top: -55px;
        z-index: 1002;
    }
    .main-box-cables-menu {
        width: 450px;
        height: auto;
        margin-left: 41%;
        margin-top: -6%;
        z-index: 1003;
    }
    .cables-menu li {
        margin-left: -0.6vw !important;
        width: 10vw;
    }
    .cables-menu {
        width: auto;
        height: auto;
        position: relative;
        left: 9%;
        top: 0;
    }
    .cables-button {
        width: 100px;
        height: auto;
        position: relative;
        left: -20px;
        top: 10px;
        z-index: 1002;
    }
    .main-box-framegrabbers {
        width: 450px;
        height: auto;
        margin-left: 35.6%;
        margin-top: -6%;
    }
    .framegrabbers-menu li {
        margin-left: -0.6vw;
    }
    .framegrabbers-menu {
        width: auto;
        height: auto;
        position: relative;
        margin-top: 0;
    }
    .frame-button {
        width: 100px;
        height: auto;
        position: relative;
        top: 190px;
        z-index: 1002;
        left: -25px;
    }
    .main-box-adapters-menu {
        width: 350px;
        height: auto;
        margin-left: 49.4%;
        margin-top: -6%;
        background: rgb(239, 239, 239);
        z-index: 1003;
    }
    .adapters-menu li {
        margin-left: -0.4vw;
    }
    .adapters-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -7%;
        top: 0;
        background: rgb(239, 239, 239);
    }
    .adapters-button {
        width: 100px;
        height: auto;
        position: relative;
        top: 220px;
        left: -110px;
        z-index: 1002;
    }
    .main-box-cables-menu {
        width: 450px;
        height: auto;
        margin-left: 39.7%;
        margin-top: -6%;
        z-index: 1003;
    }
    .cables-menu li {
        margin-left: -0.8vw;
        width: 11vw !important;
    }
    .cables-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -6%;
        top: 0;
    }
    .cables-button {
        width: 100px;
        height: auto;
        position: relative;
        left: -20px;
        top: 10px;
        z-index: 1002;
    }
    .main-box-accessories-menu {
        width: 450px;
        height: auto;
        margin-left: 42.5%;
        margin-top: -6%;
        z-index: 1003;
    }
    .accessories-menu li {
        margin-left: -0.4vw;
        width: 13vw !important;
    }
    .accessories-menu {
        width: auto;
        height: auto;
        position: relative;
        left: -9.3%;
        top: 0;
    }
    .accessories-button {
        width: 100px;
        height: auto;
        position: relative;
        left: -20px;
        top: 220px;
        z-index: 1002;
    }
    .main-box-systems-menu {
        width: 450px;
        height: auto;
        margin-left: 43%;
        margin-top: -6%;
        z-index: 1003;
    }
    .systems-menu {
        margin-left: 0.6% !important;
    }
    .systems-menu li {
        margin-left: -0.3vw;
        width: 14vw !important;
    }
    .order {
        width: 10.5vw !important;
    }
}