/**************************************LOCAL nav*/


@media only screen and (max-width: 1126px) {
.local-nav-wrapper{
 position: -webkit-sticky;
position: sticky;
top: 70px;
}}
 
 @media only screen and (min-width: 1127px) {
.local-nav-wrapper{
position: -webkit-sticky;
position: sticky;
 top: 80px;
}}

@media only screen and (max-width: 480px) {
.local-nav-wrapper{
position: static!important;
}}
/*Hivision*/
.swipe-title-s{
     text-align: center;
     color: #ffffff;
     margin: 8px 0px;
     color:#ffffff;
     }

@media only screen and (max-width: 906px) {
.swipe-title-s{
     text-align: center;
     color: #ffffff;
     margin: 10px 0px;
     font-size: 12px;
     color:#ffffff;
     }
}

@media only screen and (max-width: 504px) {
.swipe-title-s{
     text-align: center;
     color: #ffffff;
     margin: 10px 0px 18px;
     font-size: 11px;
     color:#ffffff;
     }
}

@media only screen and (max-width: 466px) {
.swipe-title-s{
     text-align: center;
     color: #ffffff;
     margin: 9px 0px;
     font-size: 11px;
     color:#ffffff;
     }
}

/*RSPx*/
.swipe-title-s2{
     text-align: center;
     color: #ffffff;
     margin: 8px 0px;
     color:#ffffff;
     }

@media only screen and (max-width: 906px) {
.swipe-title-s2{
     text-align: center;
     color: #ffffff;
     margin: 10px 0px;
     font-size: 12px;
     color:#ffffff;
     }
}

@media only screen and (max-width: 504px) {
.swipe-title-s2{
     text-align: center;
     color: #ffffff;
     margin: 10px 0px 18px;
     font-size: 11px;
     color:#ffffff;
     }
}

@media only screen and (max-width: 357px) {
.swipe-title-s2{
     text-align: center;
     color: #ffffff;
     margin: 10px 0px 6px;
     font-size: 11px;
     color:#ffffff;
     }
}

/*Tofino*/
.swipe-title-s3{
     text-align: center;
     color: #ffffff;
     margin: 8px 0px;
     color:#ffffff;
     }

     
@media only screen and (max-width: 505px) {
.swipe-title-s3{
     text-align: center;
     color: #ffffff;
     margin: 13px 0px;
     font-size: 12px;
     color:#ffffff;
     }
}


@media only screen and (max-width: 376px) {
.swipe-title-s3{
     text-align: center;
     color: #ffffff;
     margin: 10px 0px 18px;
     font-size: 11px;
     color:#ffffff;
     }
}
   
@media only screen and (max-width: 348px) {
.swipe-title-s3{
     text-align: center;
     color: #ffffff;
     margin: 10px 0px 5px;
     font-size: 11px;
     color:#ffffff;
     }
}


/*eagle one*/

.swipe-title-s4{
     text-align: center;
     color: #ffffff;
     margin: 8px 0 6px;
     font-size: 80%;
     }
@media only screen and (min-width: 341px) {
.swipe-title-s4{
     text-align: center;
     color: #ffffff;
     margin: 8px 0 18px;
     }
     }
@media only screen and (min-width: 505px) {
.swipe-title-s4{
     text-align: center;
     color: #ffffff;
     margin: 8px 0 11px;
     }
     }
     
@media only screen and (min-width: 768px) {
.swipe-title-s4{
     text-align: center;
     color: #ffffff;
     margin: 8px 0 8px;
     font-size: 100%;
     }
}

.local-nav-wrapper{
position: -webkit-sticky;
position: sticky;
  top: 70px;
z-index: 50;
}

#local-nav{
 background-color: #152181;
 padding: 10px 0px;
 
}

.swipe-title{
     text-align: center;
     color: #ffffff;
     margin: 8px;
     }

@media only screen and (max-width: 504px) {
.swipe-title{
     text-align: center;
     color: #ffffff;
     margin: 8px 0px 18px;
     font-size: 80%;
     }
}

.page-title{
      text-align: center;
      color: #595757;
      font-weight: 600;
      font-size: 25px;
      border:0px;
      padding-bottom: 30px;
      }

.p-title{
     text-align: center;
     font-weight: 400;
     font-size: 60px;
     margin: 20px 0 0px;
     border:0px;
     }

.product-sub-title{
               text-align: center;
               font-size: 20px;
               color: #0F78B1;
               font-weight: 600;
               line-height: 22px;
               }
               
.product-sub-title-l{
               text-align: left;
               font-size: 20px;
               color: #0F78B1;
               font-weight: 600;
               margin: 20px 0 10px;
               line-height: 25px;
               }
.product-title-text{
      border-top:1px solid #0f78b1;
      border-bottom: 1px solid #0f78b1;
      padding:20px 0;
      margin:20px 20px 0px 20px;
      line-height: 25px;
      }

@media only screen and (min-width: 768px) {
.swipe-title{
     text-align: center;
     color: #ffffff;
     margin: 8px;
     }

.page-title{
      text-align: center;
      color: #595757;
      font-weight: 600;
      font-size: 25px;
      border:0px;
      padding-bottom: 30px;
      }

.p-title{
     text-align: center;
     font-weight: 400;
     font-size: 70px;
     margin: 80px 0 30px;
     border:0px;
     }

.product-sub-title{
               text-align: center;
               font-size: 20px;
               color: #0F78B1;
               font-weight: 600;
               line-height: 27px;
               }
               
.product-sub-title-l{
               text-align: left;
               font-size: 20px;
               color: #0F78B1;
               font-weight: 600;
               margin-top: 20px;
               line-height: 25px;
               }
.product-title-text{
      border-top:1px solid #0f78b1;
      border-bottom: 1px solid #0f78b1;
      padding:20px;
      margin:20px;
      line-height: 25px;
      }

p.box {
    width: 100%;
    font-size: 16px;
    color: #0F78B1;
    font-weight: bold;
    line-height: 25px;
    border: #0F78B1 1px solid;
    border-radius: 5px;
    margin: 20px 0 10px 0;
    padding: 10px;
    text-align: center;
}
      }

.pankuzu {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 0px!important;
}
     
@media only screen and (min-width: 1170px)
.pankuzu {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 0px!important;
}
}

.description ul li{
    margin-bottom: 50px;
    }
.gray-inner{
             padding:20px 20px 40px 20px;
             }
@media only screen and (min-width: 768px) {
.gray-inner{
             padding:20px 40px 40px 40px;
             }
             }
a:hover img{
              opacity: 0.8 ;
              }
@media only screen and (min-width: 768px){
.cd-main-content ul li {
    font-size: 1.6rem;
    margin-left: 30px;
    line-height: 27px;
}
}

.ul-text{
          margin: 0px 0px 20px 20px;
          line-height: 25px;
          }