@font-face {
    font-family: 'SFProDisplay-Black';
    src:  url('../fonts/SFProDisplay-Black.ttf')  format('truetype'),  url('../fonts/SF-Pro-Display-Black')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
 @font-face {
    font-family: 'SFProDisplay-BlackItalic';
    src:  url('../fonts/SFProDisplay-BlackItalic.ttf')  format('truetype'),  url('../fonts/SF-Pro-Display-BlackItalic')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProDisplay-Bold';
    src:  url('../fonts/SFProDisplay-Bold.ttf')  format('truetype'),  url('../fonts/SF-Pro-Display-Bold')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProDisplay-BoldItalic';
    src:  url('../fonts/SFProDisplay-BoldItalic.ttf')  format('truetype'),  url('../fonts/SF-Pro-Display-BoldItalic.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProDisplay-Heavy';
    src:  url('../fonts/SFProDisplay-Heavy.ttf')  format('truetype'),  url('../fonts/SF-Pro-Display-Heavy.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProDisplay-HeavyItalic';
    src:  url('../fonts/SFProDisplay-HeavyItalic.ttf')  format('truetype'),  url('../fonts/SF-Pro-Display-HeavyItalic.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProDisplay-Light';
    src:  url('../fonts/SFProDisplay-Light.ttf')  format('truetype'),  url('../fonts/SF-Pro-Display-Light.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProDisplay-LightItalic';
    src:  url('../fonts/SFProDisplay-LightItalic.ttf')  format('truetype'),  url('../fonts/SF-Pro-Display-LightItalic.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProDisplay-Medium';
    src:  url('../fonts/SFProDisplay-Medium.ttf')  format('truetype'),  url('../fonts/SF-Pro-Display-Medium.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProDisplay-MediumItalic';
    src:  url('../fonts/SFProDisplay-MediumItalic.ttf')  format('truetype'),  url('../fonts/SF-Pro-Display-MediumItalic.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProDisplay-Regular';
    src:  url('../fonts/SFProDisplay-Regular.ttf')  format('truetype'),  url('../fonts/SF-Pro-Display-Regular.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProDisplay-RegularItalic';
    src:  url('../fonts/SFProDisplay-RegularItalic.ttf')  format('truetype'),  url('../fonts/SF-Pro-Display-RegularItalic.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProDisplay-Semibold';
    src:  url('../fonts/SFProDisplay-Semibold.ttf')  format('truetype'),  url('../fonts/SF-Pro-Display-Semibold.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProDisplay-SemiboldItalic';
    src:  url('../fonts/SFProDisplay-SemiboldItalic.ttf')  format('truetype'),  url('../fonts/SF-Pro-Display-SemiboldItalic.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'SFProDisplay-Thin';
    src:  url('../fonts/SFProDisplay-Thin.ttf')  format('truetype'),  url('../fonts/SF-Pro-Display-Thin.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProDisplay-ThinItalic';
    src:  url('../fonts/SFProDisplay-ThinItalic.ttf')  format('truetype'),  url('../fonts/SF-Pro-Display-ThinItalic.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProDisplay-Ultralight';
    src:  url('../fonts/SFProDisplay-Ultralight.ttf')  format('truetype'),  url('../fonts/SF-Pro-Display-Ultralight.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProDisplay-UltralightItalic';
    src:  url('../fonts/SFProDisplay-UltralightItalic.ttf')  format('truetype'),  url('../fontsSF-Pro-Display-UltralightItalic.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProText-Bold';
    src:  url('../fonts/SFProText-Bold.ttf')  format('truetype'),  url('../fonts/SF-Pro-Text-Bold.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProText-BoldItalic';
    src:  url('../fonts/SFProText-BoldItalic.ttf')  format('truetype'),  url('../fonts/SF-Pro-Text-BoldItalic.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProText-Heavy';
    src:  url('../fonts/SFProText-Heavy.ttf')  format('truetype'),  url('../fonts/SF-Pro-Text-Heavy.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProText-HeavyItalic';
    src:  url('../fonts/SFProText-HeavyItalic.ttf')  format('truetype'),  url('../fonts/SF-Pro-Text-HeavyItalic.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProText-Light';
    src:  url('../fonts/SFProText-Light.ttf')  format('truetype'),  url('../fonts/SF-Pro-Text-Light.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProText-LightItalic';
    src:  url('../fonts/SFProText-LightItalic.ttf')  format('truetype'),  url('../fonts/SF-Pro-Text-LightItalic.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProText-Medium';
    src:  url('../fonts/SFProText-Medium.ttf')  format('truetype'),  url('../fonts/SF-Pro-Text-Medium.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProText-MediumItalic';
    src:  url('../fonts/SFProText-MediumItalic.ttf')  format('truetype'),  url('../fonts/SF-Pro-Text-MediumItalic.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProText-Regular';
    src:  url('../fonts/SFProText-Regular.ttf')  format('truetype'),  url('../fonts/SF-Pro-Text-Regular.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProText-RegularItalic';
    src:  url('../fonts/SFProText-RegularItalic.ttf')  format('truetype'),  url('../fonts/SF-Pro-Text-RegularItalic.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProText-Semibold';
    src:  url('../fonts/SFProText-Semibold.ttf')  format('truetype'),  url('../fonts/SF-Pro-Text-Semibold.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'SFProText-SemiboldItalic';
    src:  url('../fonts/SFProText-SemiboldItalic.ttf')  format('truetype'),  url('../fonts/SF-Pro-Text-SemiboldItalic.otf')  format('opentype');
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeue.woff') format('woff'), url('../fonts/HelveticaNeue.ttf')  format('truetype'), url('../fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'SFCompactDisplay-Regular';
    src: url('../fonts/SFCompactDisplay-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/SFCompactDisplay-Regular.otf')  format('opentype'),
           url('../fonts/SFCompactDisplay-Regular.woff') format('woff'), url('../fonts/SFCompactDisplay-Regular.ttf')  format('truetype'), url('../fonts/SFCompactDisplay-Regular.svg#SFCompactDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'SFCompactDisplay-Semibold';
    src: url('../fonts/SFCompactDisplay-Semibold.eot?#iefix') format('embedded-opentype'),  url('../fonts/SFCompactDisplay-Semibold.otf')  format('opentype'),
           url('../fonts/SFCompactDisplay-Semibold.woff') format('woff'), url('../fonts/SFCompactDisplay-Semibold.ttf')  format('truetype'), url('../fonts/SFCompactDisplay-Semibold.svg#SFCompactDisplay-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'SFCompactDisplay-Medium';
    src: url('../fonts/SFCompactDisplay-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/SFCompactDisplay-Medium.otf')  format('opentype'),
           url('../fonts/SFCompactDisplay-Medium.woff') format('woff'), url('../fonts/SFCompactDisplay-Medium.ttf')  format('truetype'), url('../fonts/SFCompactDisplay-Medium.svg#SFCompactDisplay-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'HelveticaNeue-Light';
    src: url('../fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeue-Light.woff') format('woff'), url('../fonts/HelveticaNeue-Light.ttf')  format('truetype'), url('../fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'SFCompactDisplay-Light';
    src: url('../fonts/SFCompactDisplay-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/SFCompactDisplay-Light.otf')  format('opentype'),
         url('../fonts/SFCompactDisplay-Light.woff') format('woff'), url('../fonts/SFCompactDisplay-Light.ttf')  format('truetype'), url('../fonts/SFCompactDisplay-Light.svg#SFCompactDisplay-Light') format('svg');
    font-weight: normal;
    font-style: normal;
  }


  /* barcalys Fonts */

  @font-face {
      font-family: "BarclaysEffra_W_Bd";
      src: url("../fonts/BarclaysEffra/BarclaysEffra_W_Bd.woff") format("woff"),
          url("../fonts/BarclaysEffra/BarclaysEffra_W_Bd.woff2") format("woff2");
      font-weight: normal;
      font-style: normal;
  }

  @font-face {
      font-family: "BarclaysEffra_W_BdIt";
      src: url("../fonts/BarclaysEffra/BarclaysEffra_W_BdIt.woff") format("woff"),
          url("../fonts/BarclaysEffra/BarclaysEffra_W_BdIt.woff2") format("woff2");
      font-weight: normal;
      font-style: normal;
  }

  @font-face {
      font-family: "BarclaysEffra_W_He";
      src: url("../fonts/BarclaysEffra/BarclaysEffra_W_He.woff") format("woff"),
          url("../fonts/BarclaysEffra/BarclaysEffra_W_He.woff2") format("woff2");
      font-weight: normal;
      font-style: normal;
  }

  @font-face {
      font-family: "BarclaysEffra_W_HeIt";
      src: url("../fonts/BarclaysEffra/BarclaysEffra_W_HeIt.woff") format("woff"),
          url("../fonts/BarclaysEffra/BarclaysEffra_W_HeIt.woff2") format("woff2");
      font-weight: normal;
      font-style: normal;
  }


  @font-face {
      font-family: "BarclaysEffra_W_It";
      src: url("../fonts/BarclaysEffra/BarclaysEffra_W_It.woff") format("woff"),
          url("../fonts/BarclaysEffra/BarclaysEffra_W_It.woff2") format("woff2");
      font-weight: normal;
      font-style: normal;
  }

  @font-face {
      font-family: "BarclaysEffra_W_Lt";
      src: url("../fonts/BarclaysEffra/BarclaysEffra_W_Lt.woff") format("woff"),
          url("../fonts/BarclaysEffra/BarclaysEffra_W_Lt.woff2") format("woff2");
      font-weight: normal;
      font-style: normal;
  }

  @font-face {
      font-family: "BarclaysEffra_W_LtIt";
      src: url("../fonts/BarclaysEffra/BarclaysEffra_W_LtIt.woff") format("woff"),
          url("../fonts/BarclaysEffra/BarclaysEffra_W_LtIt.woff2") format("woff2");
      font-weight: normal;
      font-style: normal;
  }

  @font-face {
      font-family: "BarclaysEffra_W_Md";
      src: url("../fonts/BarclaysEffra/BarclaysEffra_W_Md.woff") format("woff"),
          url("../fonts/BarclaysEffra/BarclaysEffra_W_Md.woff2") format("woff2");
      font-weight: normal;
      font-style: normal;
  }

  @font-face {
      font-family: "BarclaysEffra_W_MdIt";
      src: url("../fonts/BarclaysEffra/BarclaysEffra_W_MdIt.woff") format("woff"),
          url("../fonts/BarclaysEffra/BarclaysEffra_W_MdIt.woff2") format("woff2");
      font-weight: normal;
      font-style: normal;
  }
  
  @font-face {
      font-family: "BarclaysEffra_W_Rg";
      src: url("../fonts/BarclaysEffra/BarclaysEffra_W_Rg.woff") format("woff"),
          url("../fonts/BarclaysEffra/BarclaysEffra_W_Rg.woff2") format("woff2");
      font-weight: normal;
      font-style: normal;
  }

  /* barcalys Fonts */


  html{height: 100%}
  body{margin: 0; padding: 0; font-size: 17px; color: #111; font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif; min-height: 100%; position: relative;}
  a:hover{text-decoration: none; color: #0070ce;}
  a{color: #207ECE; -webkit-transition: all .2s ease;
     -moz-transition: all .2s ease;
      -ms-transition: all .2s ease;
       -o-transition: all .2s ease;
          transition: all .2s ease;}
  ul{margin: 0; padding: 0; list-style: none;}
  h1{font-size: 40px !important; font-weight: 600; font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;}
  h2{ font-size: 24px; font-weight: 600; font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;}
  .btn-primary{color: #fff; border-radius: 5px; padding: 4px 0.75rem; font-size: 18px; width: 100%; background-color: #0070c9; background: linear-gradient(#42a1ec,#0070c9); border: 1px solid #0077CC; border:1px solid #0077CC;font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;}
  .btn-primary:focus, .btn-primary:hover, .btn-primary:active{box-shadow: none!important;  background-color: #147bcd!important;
      background: linear-gradient(#51a9ee,#147bcd)!important; border: 1px solid #1482d0;}
  /* .container{max-width: 1070px;} */

  /*header*/

  .header{ box-shadow: 0px 3px 6px rgba(0,0,0,.1); background: #fff;}
  .header .navbar{padding: 0;}
  .header .nav-item{margin: 0 1.25rem; position: relative;}
  .header .nav-item:last-child{margin-right: 0;}
  .header .nav-item .nav-link{ padding: 23px 0.875rem; -webkit-transition: all .2s ease;
     -moz-transition: all .2s ease;
      -ms-transition: all .2s ease;
       -o-transition: all .2s ease;
          transition: all .2s ease;
       font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: .036em;
    font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    white-space: normal;
    color: #333;

      }
      .pro-txt{
      	font-size: 15px;
    line-height: 1.42861;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
      }
      .pro-txt1
      {
      	font-size: 15px;
    line-height: 1.42861;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 600;
    padding-left: 7px;
    padding-right: 7px;
    color: #333;
      }
  .header .nav-item .nav-link:hover{color: #000;}
  .header .nav-item:not(:last-child) .nav-link img, .side-menubar .mobile-sidebar .nav-link img{margin-right: 0.75rem;}
  .header .nav-item .nav-link img{margin-top: -5px;}
  .header .navbar-brand{padding:0;}
  .header .menu-icon{position: relative; z-index: 1; -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
      -ms-transition: all .3s ease-out;
       -o-transition: all .3s ease-out;
          transition: all .3s ease-out;}
  .header .menu-icon:hover,.header .menu-icon .active{background:#313131;}
  .header .menu-icon:hover .menu-icon-white , .header .menu-icon .active .menu-icon-white{display: inline-block;}
  .header .menu-icon:hover .menu-icon-dark, .header .menu-icon .active .menu-icon-dark{display: none;}
  .header .menu-icon .menu-icon-white{display: none;}
  .header #submenu-bar{position: absolute; top: 63px; left: 0; right: 0; background:#313131; text-align: center;  box-shadow: 0px 3px 6px rgba(0,0,0,.1); z-index: 9; display: none;}
  .header #submenu-bar .nav-item{display: inline-block; margin:0 1rem;}
  .header #submenu-bar .nav-link{color: #fff; padding: 5px .375rem; line-height: 1.25rem; -webkit-transition: all .2s ease;
     -moz-transition: all .2s ease;
      -ms-transition: all .2s ease;
       -o-transition: all .2s ease;
          transition: all .2s ease;

      font-size: 14px;
    line-height: 3.14286;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;

      }
  .header #submenu-bar .nav-link:hover, .side-menubar .mobile-sidebar .nav-link:hover{opacity: .65;}
  .header .account-list{position: absolute; content: ""; top: 82px; left: 50%; margin-left: -199px; background: #fff; border-radius: 7px; width: 362px; padding: 1.5rem; display: none; z-index: 9;  box-shadow: 0px 0px 6px rgba(0,0,0,.1);}
  .header .account-list:before{position: absolute; content: ""; border: 9px solid transparent; border-bottom-color: #fff; top: -1.125rem; left: 50%; margin-left: -10px;}
  .header .product .image-box{float: left;}
  .header .product .image-content{margin-left: 96px; color: #111111; line-height: 19px; padding-top: 17px;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .header .account-list .btn-primary{margin: 1.75rem 0;}
  .header .wishlist li{border-top:1px solid rgba(124,124,124,.6);}
  .header .wishlist li a img{margin-right: 1.125rem;}
  .header .wishlist li a{font-size: 19px; color: #0070C9;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; padding: 0.625rem 0; display: block;}
  .header .mobile-view{display: none; padding: 6px 20px;}
  .header .mobile-view > ul{display: flex; justify-content: space-between; align-items: center;}
  .side-menubar{background: #000000; padding: 0 19px; -webkit-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; transition: 0.5s ease-out; width: 100%; max-width: 100%; position: absolute; z-index: 9999; top: 0px; bottom: 0px; left: 0px;}
  .side-menubar .title-bar{margin-bottom: 60px; text-align: center;}
  .side-menubar .title-bar li{display: inline-block;}
  .side-menubar .title-bar li:first-child{float: left; margin-top: 8px;}
  .side-menubar .mobile-sidebar .nav-link{color: #FFFFFF; border-bottom: 1px solid rgba(255,255,255,.1); padding: .625rem 0rem; -webkit-transition: all .2s ease;
     -moz-transition: all .2s ease;
      -ms-transition: all .2s ease;
       -o-transition: all .2s ease;
          transition: all .2s ease;}
  .side-menubar.closed {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
  }

  /**banner**/
  .banner{margin-bottom:  0.75rem; position: relative; max-height: 608px; overflow: hidden;}
  .banner .image-box, .buy-section .image-box , .buy-section .image-box1{position: relative; z-index: -1;}
  .banner .mobile-view, .buy-section .mobile-view, .buy-section .mobile-view{display: none;}
  .banner .image-content, .buy-section .image-content{position: absolute; content: ""; top:49%; -moz-transform:translateY(-50%) ;
  -webkit-transform:translateY(-50%) ;
  -o-transform:translateY(-50%) ;
  -ms-transform:translateY(-50%) ;
  transform:translateY(-50%) ; left: 0%; right: 0;}
  .banner a{margin-top: 5px; display: inline-block; color: #fff; position: relative; text-decoration: underline; -webkit-transition: all .2s ease;
      -ms-transition: all .2s ease;
       -o-transition: all .2s ease;
          transition: all .2s ease;}
  .banner a:hover{text-decoration: none;}
  .banner a:hover:before{-webkit-transform: translateX(5px);
     -moz-transform: translateX(5px);
      -ms-transform: translateX(5px);
       -o-transform: translateX(5px);
          transform: translateX(5px);}
  .buy-section a, .banner.inner-banner a{margin-top: 5px; display: inline-block; color: #fff; border-radius: 5px; padding: 0.75rem 1rem; width: auto; background-color: #0070c9;
      background: linear-gradient(#42a1ec,#0070c9);
      border: 1px solid #0077CC;
      font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; min-width: 120px; -webkit-transition: all .2s ease;
         -moz-transition: all .2s ease;
          -ms-transition: all .2s ease;
           -o-transition: all .2s ease;
              transition: all .2s ease;}
      .buy-section a:hover, .banner.inner-banner a:hover{background-color: #147bcd!important;
      background: linear-gradient(#51a9ee,#147bcd)!important; border: 1px solid #1482d0;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .banner.inner-banner a{text-decoration: none;}
  .banner.inner-banner a:before{display: none;}
  .banner a:before{position: absolute; content: ""; background: url(../images/next-white.svg)no-repeat;  top: 0.5125rem; right: -0.9375rem; height: 0.625rem; width: 0.375rem; -webkit-transition: all .2s ease;
     -moz-transition: all .2s ease;
      -ms-transition: all .2s ease;
       -o-transition: all .2s ease;
          transition: all .2s ease;}



  .banner h1, .buy-section h2{color: #fff; /*font-size: 2rem; */
    font-size: 40px !important;
   line-height: 1.08365;
    font-weight: 500 !important;
    letter-spacing: 0.5px;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;
  }
  /*buy-section*/
  .buy-section .image-box:before, .banner .image-box:before, .buy-section .image-box1:before{position: absolute; content: "";/* background: rgba(0,0,0,.3)no-repeat;*/top: 0;left: 0; right: 0; bottom: 0; z-index: 1;}

  /*watch-box*/
  .watch-box{background: #F1F1F3; padding: 56px 0; margin-top:  0.75rem; text-align: center; color: #242424; z-index: 1; font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .watch-box .col-lg-4{padding: 0 6px;}
  .product-box{background: #fff; padding: 1.5rem; cursor: pointer; -webkit-transition: all .2s ease;
     -moz-transition: all .2s ease;
      -ms-transition: all .2s ease;
       -o-transition: all .2s ease;
          transition: all .2s ease;}
  .product-box:hover .description{color: #0070ce;}
  /* .product-box img{display: block; margin: 0 auto; max-height: 277px; max-width: 100%; height: auto; width: auto;} */
  .product-box img{display: block; margin: 0 auto; max-height: 270px; max-width: 100%;}
  .buynow{ padding-bottom: 0px; margin-top: 5px;}
  .solid{border-style: solid;text-align: justify;border-width:thin}
  .watch-box .logo-image{margin-bottom: 33px;}
  .product-box h3{font-size: 12px;  margin: 0.875rem 0 0.25rem;
     color: #333;
  	line-height: 1.5;
    font-weight: 600;
    letter-spacing: .1em;
    font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    list-style: none;
  }
  .product-box .feature{/*font-size: 0.875rem;*/ margin-bottom: 0.3125rem;
    font-size: 12px;
    line-height: 1.08341;
    font-weight: 400;
    letter-spacing: .05em;
    font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
   color: #333;
    margin-top: 0;
  }
  .product-box .description{width: 100%; max-width: 250px; margin: 0 auto; margin-bottom: 1.25rem; color: #111; display: block;
    color: #333;

    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    text-align: center;

  }
  .product-box .price{color: #242424;

    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    height: 1.47059em;
    margin-top: 6px;
  }
  .watch-box .view-more{font-size: 21px; color: #0070C9; margin-top: 1.625rem; display: block; font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .watch-box ul li{width: 33%; display: inline-block; padding: 0 6px; margin-bottom:  0.75rem;
    /* vertical-align: top; */
}
  .watch-box .owl-carousel{margin-top: 1.625rem;}
  .watch-box .owl-carousel .item{margin: 0 auto; text-align: center; width: 100%; max-width: 32rem;}
  .watch-box .owl-carousel .owl-nav{display: none;}
  .watch-box.home-page{padding-top: 56px!important;}
  .owl-dots{text-align: center; margin-top: 1.625rem;}
  .owl-dots .owl-dot.active{background: #707070;}
  .owl-dots .owl-dot{height: 13px; width: 13px; border:2px solid #707070; border-radius: 50%; display: inline-block; margin: 0 3px;}


  /*footer*/
  .footer{background: #F1F1F3; padding: 1.5rem 0;}
  .footer .footer-content{border-top:1px solid rgba(124,124,124,.3); padding: 0.625rem 0 0;}
  .footer p{color: rgba(124,124,124,.8); margin-bottom: 0;font-size: 13px; font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;}
  .footer ul{text-align: right;}
  .footer ul li {display: inline-block; margin: 0 0.75rem; font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;}
  .footer ul li a{color: #7C7C7C; font-size: 13px; font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;}

  /*checkout-page*/
  .checkout-section{padding: 102px 0 94px;}
  .checkout-section .title {display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid rgba(124,124,124,.3); padding-bottom: 0.75rem;}
  .checkout-section .title h4{font-size: 24px; font-weight: 500; color: #333; margin-bottom: 0; font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;}
  .checkout-section .form-control.title-box{max-width: 264px;}
  .form-control{color: #707070; max-width: 500px; border:1px solid rgba(195,195,195,.5); border-radius: 5px; font-size: 17px; height: 66px; padding-left: 0.9375rem; font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;}
  .form-group{margin-bottom: 0.5rem;}
  .checkout-section h2{margin-bottom: 1rem; font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;}
  .checkout-section .address a{padding-top: 0.375rem; display: inline-block;}
  .checkout-section p{color: #707070; max-width: 445px; padding-left: 1rem;}
  .checkout-section h1{margin: 1.5rem 0 2rem; line-height: 1.1;}
  .checkout-section .why-order{ padding-bottom: 0.625rem; border-bottom:1px solid rgba(124,124,124,.3);}
  .checkout-section .address{padding-top: 1.625rem;}
  .checkout-section .contact-info{margin-top: 1.875rem;}
  .checkout-section .btn-primary{max-width: 500px; margin-top: 64px;}

  /*signin-wrapper*/
  .signin-wrapper{padding: 116px 0 150px;}
  .signin-wrapper h1{margin-bottom: 2.25rem;}
  .signin-wrapper .left-section.right-border{border-right:1px solid rgba(112,112,112,.5);  padding-right: 47px;}
  form .left-section{ padding-right: 47px;}
  form .right-section{ padding-left: 47px;}
  .signin-wrapper .right-border h2{margin-bottom: 26px;}
  .signin-wrapper .form-group{margin-bottom: 15px;}
  .signin-wrapper .form-control{border:1px solid #EFEFEF; background: #F5F8FE;}
  .signin-wrapper .left-section .btn-primary{margin-top: 0.625rem;}
  .signin-wrapper .forgotpassword{ margin-top: 0.75rem;}
  .signin-wrapper .forgotpassword a{font-size: 17px; font-weight: 400; line-height: 1.47059; color: #0070c9; font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .signin-wrapper p{ color: #707070; margin-bottom: 0.75rem;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .signin-wrapper .new-customer{ margin-top: 1.875rem; }
  .signin-wrapper .right-section{padding: 0 2rem 0 1.25rem;}
  .signin-wrapper .right-section h2{margin-bottom: 4px;}

  /*product-banner*/
  .product-banner{background: #F2F2F2; position: relative; z-index: -1; /*padding-bottom: 60px; */}
  .product-banner .banner-title{ max-width: 300px; padding: 78px 0 0; float: left; font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;}
  .product-banner .banner-title a{font-size: 1.5rem; padding-top: 6px; display: block; font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;}
  .product-banner h1{/*font-size: 54px; line-height: 54px;*/
      font-size: 48px;
    line-height: 1.08365;
    font-weight: 500;
    letter-spacing: -.003em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-bottom: 25px;
  }
  .product-banner .banner-title .buy-btm{margin-bottom: 25px;}
  .product-banner .image-box{float: right; margin-right: 60px;}
  .product-banner .image-box .mobile-view{display: none;}
  .filter{padding: 1.5rem 0px; cursor: pointer; z-index: 9;  background: #fff;}
  .filter ul li{width: 19%; display: inline-block; vertical-align: top; position: relative;}
  .filter ul li:first-child{width: 22%;}
  /*
  .filter ul li:first-child a{color: rgba(36,36,36,.8);}
  */
  .filter ul li a img{margin-right: 6px; -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
      -ms-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;}
  .filter ul li.filter-menu .mobile-view{display: none;}
  .filter ul li.active a .desktop-view{transform: rotateX(180deg);}
  .filter ul li a{color: #242424; padding-bottom: 0.375rem; display: block;}
  .filter ul li:not(:first-child) a, .filter .form-check-label{ font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;}
  .filter .form-check-input{position: absolute; clip: rect(1px,1px,1px,1px); -webkit-clip-path: inset(0 0 99.9% 99.9%); clip-path: inset(0 0 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; cursor: pointer;}
  .filter .form-check-label{cursor: pointer; font-size: 14px;
    line-height: 1.42861;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    display: block;
    margin-bottom: 5px;
    padding: 2px 7px;}
  .filter .form-check-label:hover{color: #207ECE;}
  .filter .form-check-input:checked ~ .form-check-label{background-color: #f2f2f2;}
  .filter .sublist{margin-bottom: 0.1875rem; display: none;}
  .filter.fixed-filter{position: fixed; width: 100%; top: 0; left: 0;}

  /*product-with-gps-cellular*/
  .products-box{padding-top: 108px;}
  .products-box .right-section h1{max-width: 350px; margin-bottom: 1.875rem;}
  .products-box .right-section h1 span{color: #707070; font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;}
  .products-box .case-size h2{font-size: 17px; font-weight: 600; }
  .custom-control label:before{height: 90px; width: 100%; border-radius: 5px!important; background: none; top: 0; left: 0; }
  .custom-control label:after{background-image: none!important; background: none;}
  .custom-control-input:checked ~ .custom-control-label::before, .custom-control-input:not(:disabled):active ~ .custom-control-label::before{background-image: none!important; background: none!important; border:2px solid #207ECE}
  .etika_lop{height: 98px !important;}
  .custom-control-label:hover{cursor: pointer; }
  .custom-control-label:hover::before{border:1px solid #207ECE; }
  .custom-radio{display: flex; padding: 0; box-shadow: none;}
  .custom-radio label{padding: 1.825rem 0.875rem  1.425rem;}
  .form-selector-title{display: block; line-height: 16px; color:#333; font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif; font-weight: 600;}
  .form-label-small{font-size: 12px; color: #707070; font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;}
  .form-label-small ul{margin-top: 6px;}
  .form-label-small ul li{display: inline-block;}
  .form-choiceselectorlabel-twocolright{text-align: right; color: #111111;font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;}
  .custom-control-label .form-choiceselectorlabel-twocol{display: flex; justify-content: space-between; align-items: center;}
  .custom-control-label .form-choiceselectorlabel-twocol.top-align{align-items: flex-start;}
  .custom-control-label{width: 100%; max-width: 410px;}
  .custom-control{margin-bottom: 0.75rem;}

  .product-cellular.recommended-bundle .tabing{display: block;}
  .product-cellular.recommended-bundle .tabing .nav-tabs{display: inline-flex;}


  /*learn-more*/
  .learn-banner{background: url(../images/learn-banner.jpg)no-repeat; background-size: 100% 100%; padding: 192px 0 230px;}
  .learn-banner h1{font-size: 72px; color: #fff; font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .learn-banner p{font-size: 2rem; color: #fff; max-width: 560px; line-height: 1.2;}

  .content-typebox .product-box{padding: 70px 1.5rem 40px;}
  .content-typebox .product-box .image-box{ min-height: 300px; display: flex; margin-bottom: 40px;}
  .content-typebox .product-box h3{font-size: 26px; margin: 0  0 15px 0; font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .content-typebox .product-box:hover .description{color: #242424!important;}
  .content-typebox .product-box:hover .read-more{color: #0070ce;}
  .learn-page.product-banner .banner-title{padding-top: 62px;}


  /*your-order*/
  .order-section{padding-top: 50px;}
  .order-section .ordered-box{border:1px solid rgba(51,51,51,.2); border-radius: 8px; display: inline-block; min-width: 328px; padding: 24px;  margin: 40px 0 74px;}
  .order-section .ordered-box a{display: block; color: #707070; font-size: 0.875rem; padding-bottom: 20px; font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .order-section .ordered-box .image-box{padding-bottom: 10px; text-align: center;}
  .order-section .ordered-box h2{font-size: 1.5rem; color: #333333;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}


  .order-section .find-it{margin-bottom: 100px;}

  /*Add-to-bag*/
  .summaryheader{background: #FAFAFA; padding: 22px 0;}
  .summaryheader .productdesc{display: flex; justify-content: center; align-items: center;}
  .summaryheader .productdesc img{float: left;}
  .summaryheader .productdesc p{ max-width: 350px; margin:0 0 0 26px;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .summaryheader .productdesc p span{ font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .summaryheader .productdesc .btn-primary{padding: 0.75rem 2rem; font-size: 17px;}

  .accessory-container{padding: 76px 0 120px;}
  .accessory-container h2{ margin-bottom: 68px;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; text-align: center;}
  .accessory-container .accessory-col .image-box{text-align: center;}
  .accessory-container .accessory-col .data-desc{ font-size:16px; font-weight:600; min-height: 50px; margin-bottom: 0px; color: #111111; font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .accessory-container .accessory-col .price{font-size:16px; font-weight:400; color: #333333; margin-bottom: 40px;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .accessory-container .btn-primary{font-size: 17px;}


  /*saved-bag*/
  .saved-bag{padding: 30px 0 100px;}
  .saved-bag .bag-title{display: flex; justify-content: space-between; align-items:center; border-top:1px solid rgba(112, 112, 112, .5); border-bottom:1px solid rgba(112, 112, 112, .5); padding: 10px 0; margin-top: 0.875rem;}
  .saved-bag .bag-title ul li{color: #707070; display: inline-block;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .saved-bag .bag-title ul li a{ font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .saved-bag .bag-title .left-listing li{padding-right: 10px;}
  .saved-bag .bag-title .right-listing li:not(:first-child){padding-left: 1rem;}
  .saved-bag .iteminfo-details{padding-top: 2rem; display: flex; justify-content: space-between; }
  .saved-bag .iteminfo-title-wrapper{  border-bottom:1px solid rgba(112, 112, 112, .5);}
  .saved-bag .iteminfo-title-wrapper h2{ max-width: 450px;}
  .saved-bag .iteminfo-title-wrapper h2 a{color: #111111; font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .saved-bag .iteminfo-quantity{min-width: 55px;}
  .iteminfo-quantity .form-control{border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/select-arrow.jpg)no-repeat; background-position-x: 90%; background-position-y:50%; height: auto; padding-right: 8px; color: #111111; font-size: 2rem;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; cursor: pointer;}
  .saved-bag .iteminfo-quantity .form-control:focus{outline: none; box-shadow: none;}
  .saved-bag .iteminfo-pricedetails{text-align: right;}
  .saved-bag .iteminfo-pricedetails .price{font-size: 24px; font-weight: 600; color: #111111; margin-bottom: 6px;line-height: 30px;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .saved-bag .iteminfo-pricedetails p{color: #707070; margin-bottom: 0;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .saved-bag .iteminfo-pricedetails a{display: block; padding-top: 8px;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .saved-bag .delivery{border-bottom:1px solid rgba(112, 112, 112, .5); padding: 18px 0;  margin-bottom: 25px; color: #707070;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .saved-bag .image-box{margin-top: 4px;}
  .saved-bag .image-box img{width: auto; height: auto; max-width: 210px; max-height: 210px;}
  .saved-bag .table tfoot tr td:last-child span{ font-size: 2rem;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .saved-bag .table tfoot tr td p{ font-size: 17px; color: #707070; margin-bottom: 0;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .saved-bag .table tfoot tr td p a{ font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .saved-bag .table th, .saved-bag .table td{padding: .35rem 0;}
  .saved-bag .table th{ font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .saved-bag .table tfoot th{font-size: 2rem;}
  .saved-bag .table tbody tr:last-child td{padding-bottom: 30px;}
  .saved-bag .btn-primary{float: right; max-width: 404px; font-size: 17px;}
  .saved-bag .save-basket{float: right; margin-top: 10px;}
  .saved-bag .save-basket img{margin-right: 6px;}



  /*your-account*/
  .account-section{padding: 126px 0 60px; }
  .account-section h1{margin-bottom: 36px;}
  .account-section .account-content{margin-bottom: 60px;}
  .account-content p{max-width: 250px; margin-bottom: 1.5rem; font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  /*.account-content a{font-family: 'HelveticaNeue';}*/


  /*account-setting*/
  .my-account h2{margin-bottom: 12px!important;}
  .my-account .old-password{margin-bottom: 1.5rem;}
  .my-account .btn-primary{margin-top: 44px;}
  .my-account .password{padding-left: 44px;}
  .my-account .form-control{background: none;}

  /*payment*/
  .checkout-section .pay-monthly{ margin-top: 18px; }
  .checkout-section.payment h2{margin-bottom: 20px;}
  .checkout-section.payment .custom-control-label{max-width: 536px;}
  .payment .represent{padding-top: 6px;}
  .payment .represent p{padding-left: 0; margin-bottom: 6px; font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .payment .represent ul{padding-left: 10px;}
  .payment .represent ul li{padding: 0 0 4px 0.875rem; position: relative; color: #707070; font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .payment .represent ul li:before{position: absolute; content: ""; background: #707070; height: 6px; width: 6px; /*border-radius: 50%;*/ left: 0; top: 9px;}
  .payment .represent ul li a{padding-left: 6px;}
  .payment .tax-info{padding-top: 50px;}
  .payment .tax-info p{max-width: 100%;}
  .card-information{margin: 1.5rem 0 42px; display: none;}
  .card-information .card-number .form-control{max-width: 536px;}
  .card-information label{ font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}

  /*your-order1*/

  .detailed-order{padding: 40px 0 100px;}
  .detailed-order .order-title{display: flex; justify-content: space-between; vertical-align: top;}
  .detailed-order .order-title ul{margin-top: 8px; text-align: right;}
  .detailed-order .order-title ul li{font-size: 12px;}
  .track-order{padding-top: 44px;}
  .track-order a{font-size: 0.9375rem; color: #2B2B2B;}
  .track-order h3{font-size: 1.5rem; color: #333333}
  .track-order .image-details{padding-top: 68px;}
  .track-order a{max-width: 310px; display: block; margin-bottom: 0.875rem; line-height: 1rem;}
  .track-order h3{font-size: 1.5rem; color: #333333; margin-bottom: 26px;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .progressbar li{display: inline-block; float: left; width: 100%; max-width: 21.9%; padding-top: 22px; font-size: 0.9375rem; color: #707070; position: relative;}
  .progressbar li:before{position: absolute; content: ''; height: 8px; width: 100%; top: 0; left: 0; background: transparent;}
  .progressbar li:first-child:before{border-radius: 20px 0 0 20px;}
  .progressbar li:last-child:before{border-radius: 0 20px 20px 0;}
  .progressbar li:last-child, .payment-summary ul > li:last-child{width: auto; }
  .progressbar li:last-child{color: #000000; font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .progressbar li.step.done:before{background: #24BA1E;}
  .Order-details{ border-top: 1px solid rgba(112, 112, 112, .5); padding: 36px 0 66px; font-size: 0.9375rem; color: #2B2B2B;}
  .Order-details ul li, .Order-details p{ color: #2B2B2B; font-size: 0.9375rem;}
  .Order-details .product-details{display: flex; justify-content: space-between;}
  .Order-details a{color: #2B2B2B; max-width: 310px; display: block; line-height: 16px;}
  .Order-details a.product-price{ font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}

  .payment-summary{ border-top: 1px solid rgba(112, 112, 112, .5); padding-top: 36px;}
  .payment-summary h3{font-size: 1.5rem; color: #333333; margin-bottom: 46px;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .payment-summary ul.customer-details{padding-bottom: 38px;  font-weight: 600;}
  .payment-summary ul.customer-details ul li{ font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .payment-summary ul > li{display: inline-block; width: 40%;  vertical-align: top; font-size: 0.875rem; color: #2B2B2B; }
  .payment-summary ul li h4{font-size: 0.875rem; color: #111111; margin-bottom: 18px;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; font-weight: 600;}
  .payment-summary ul li li{display: block; width: auto;}
  .payment-summary .table tbody td{color: #111111; padding: .425rem 0rem;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .payment-summary .table tbody td:last-child, .saved-bag .table tbody td:last-child, .saved-bag .table tfoot td:last-child{text-align: right;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .payment-summary .table tbody tr:last-child td{padding-bottom: 20px;}
  .payment-summary .table tfoot{border-top: 1px solid rgba(112, 112, 112, .5);}
  .payment-summary .table tfoot td{padding: 18px 0 .425rem 0; font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; }
  .payment-summary .table tfoot td span{color: #707070;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .payment-summary .table tfoot td:last-child{text-align: right;}


  /*finance modal*/
  .modal-open .modal{padding-right: 0!important;}
  .finance-modal{text-align: center;}
  .finance-modal .form-group{margin-bottom: 1.125rem;}
  .finance-modal .form-control{height: 56px;}
  .finance-modal.modal .modal-dialog{display: flex; align-items: flex-end; margin-bottom: 0;  max-width: 468px; min-height: calc(100% - 1.75rem); margin: 28px 12.5% 0 auto;}
  .finance-modal .modal-content{border-radius: 0; border:none; box-shadow: 0px 3px 6px rgba(0,0,0,.1);}
  .finance-modal .modal-header{justify-content: center; display: block; position: relative; border:none; box-shadow: 0px 3px 6px rgba(0,0,0,.1); padding: 20px; cursor: pointer; width: 100%; z-index: 1;}
  .finance-modal .modal-header .close{position: absolute; top: 12px; right: 15px; color: #000000; font-size: 2.5rem; font-weight: 400; opacity: 1; z-index: 9; display: none;}
  .finance-modal .modal-header .close:focus{outline:none;}
  .finance-modal .modal-title{font-size: 17px; text-align: center;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; }
  .finance-modal h3{ font-size: 17px; color: #707070; margin-bottom: 0;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .finance-modal .modal-body{ padding: 20px 20px 28px; width: 100%;}
  .finance-modal .finance-form{margin: 5px 0 1.5rem;  display: none; }
  .finance-modal .finance-form.active{display: block;}
  .finance-modal .finance-form .btn-primary{margin-top: 16px;}
  .modal-backdrop{background: none;}


  /*finance*/
  .finance-section{margin: 0 auto; text-align: center; max-width: 900px; padding: 100px 0;}
  .finance-section .payment-monthlymode{max-width: 650px; margin: 0 auto; }
  .finance-section .payment-monthlymode .form-dropdown .btn.dropdown-toggle, .form-dropdown .btn.dropdown-toggle:focus{background-position: 100% center;}
  .finance-section p { color: #333333; margin-bottom: 38px; font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; }
  .finance-section p.title{margin-bottom: 0;}
  .finance-section p span{ font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .finance-section figure{margin-bottom: 0;}
  .finance-section .form-control{max-width: 100%; border:1px solid #000000; color: #111111; height: 54px; font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/down-arrow.jpg)no-repeat; background-position-x: 97%; background-position-y:50%; cursor: pointer;}
  .finance-section .form-control select option{ border-top: 1px #ddd solid;}
  .finance-section .table{text-align: left; margin-top: 0.875rem;}
  .finance-section .table tr td, .creditcard-details .table tr td{padding: .225rem 0;}
  .finance-section .table tr td:last-child{text-align: right;}
  .finance-section h3{font-size: 1.5rem; color: #111111; margin: 30px 0; font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .slider {-webkit-appearance: none; width: 100%; height: 17px; background: #E2E2E2; border-radius: 15px; }
  .slider::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 2rem; height: 2rem; background: #FFFFFF; cursor: pointer; border-radius: 50%; box-shadow: 0px 0px 6px rgba(0,0,0,.1); }
  .slider::-moz-range-thumb {width: 2rem; height: 2rem; background: #FFFFFF; cursor: pointer; border-radius: 50%; box-shadow: 0px 0px 6px rgba(0,0,0,.1); }
  .slider:focus{outline: none;}



  /*finance-1*/
  .creditcard-details{ padding: 50px 0 100px;}
  .creditcard-details .payment-monthlymode{padding-left: 130px;}
  .creditcard-details .table{margin-bottom: 26px;}
  .creditcard-details .table tr td:first-child{width: 280px;}
  .creditcard-details p{margin-bottom: 0;}
  .creditcard-details p br{display: none;}
  .creditcard-details .btn-primary{max-width: 345px; margin: auto; margin-top: 45px; float: right;}
  .creditcard-details h2{margin-bottom: 20px;}
  .eligibility{padding:0 0 20px 20px;}
  .eligibility li{list-style: decimal;}
  .irs--flat .irs-min ,.irs--flat .irs-max, .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single{display: none;}
  .irs--flat .irs-bar, .irs--flat .irs-handle.state_hover>i:first-child, .irs--flat .irs-handle:hover>i:first-child{ background: #DA1A32; }
  .irs--flat .irs-handle>i:first-child{width: 2rem; height: 2rem; border-radius: 50%; background: #DA1A32; top: -7px; left: 21%;}
  .irs--flat .irs-bar--single{border-radius: 15px;}
  .irs--flat .irs-line{background: #E2E2E2; border-radius: 15px;}
  .irs-bar{max-width:100%}



  /*bag*/
  .bag{padding-bottom: 60px;}
  .recommended-bundle{text-align: center; }
  .recommended-bundle ul li{display: inline-block; width: 33%; padding: 0 30px; position: relative;}
  .recommended-bundle ul li:not(:first-child):before{position: absolute; content: "+"; font-size: 30px; color: #707070; left: 0; top: 45%; -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
  .recommended-bundle ul li .image-box{width: 194px; /*height: 194px;*/ margin:0 auto;}
  .recommended-bundle ul li .image-box img{width: 100%; height: auto;}
  .recommended-bundle .form-control{margin: 0 auto; max-width: 420px; margin-bottom: 26px; cursor: pointer;}
  .recommended-bundle .btn-primary{max-width: 400px; margin: 0 auto; text-align: center;}
  .recommended-bundle .update-cart{margin-bottom: 50px;}
  .recommended-bundle .update-cart h2{font-size: 60px;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .recommended-bundle .update-cart p{ font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .recommended-bundle .tabing{display: none;}
  .tabing {text-align: center; margin: 30px 0 0;}
  .tabing .nav-tabs{border:none;}
  .tabing .nav-item{border:1px solid #707070; color: #111111; border-radius: 4px ;  margin-right: 10px; padding: 10px 60px;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; }
  .tabing .nav-item.active{border:1px solid #207ECE;}
  .recommended-bundle .tab-content{margin-top: 50px;}


  /*faq*/

  .faq-wrapper{padding: 40px 0 60px;}
  .faq-wrapper .accordion{padding-top: 40px;}
  .accordion .card{border:none;}
  .accordion .card-header{padding: 0; background: none; border-bottom:0;  border-top:1px solid #707070; }
  .accordion .card:last-child .card-header{border-bottom:0px solid #707070;}
  .accordion .card:last-child .btn-link.collapsed{border-bottom:1px solid #707070;}
  .accordion .card-header .btn-link{color: #111111; padding: 0; display: block; text-align: left; font-weight: 600; text-decoration: none; padding: 20px 40px 1.5rem 0;border-radius: 0;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .accordion .card-header:first-child{border-radius: 0;}
  .accordion .card-body{padding: 0;}
  .accordion .card-body p{color: #333; font-size:15px; font-weight: 400; font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; padding-right: 50px; text-align: justify;}
  .accordion .card .btn-link.collapsed{background: url(../images/plus-icon.png)no-repeat; background-position-x: 99%; background-position-y: 50%;}
  .accordion .card .btn-link{background: url(../images/close.png)no-repeat; background-position-x: 99%; background-position-y: 50%;}

  .accordion > .card:last-of-type{border-radius: 0; border-bottom: 1px solid #707070;}

  /*shipping & tracking*/
  .tracker-wrapper{padding: 60px 0;}
  .tracker-wrapper h1{margin-bottom: 40px; font-size: 49px; line-height: 1.1;}
  .tracker-wrapper .order-number{margin-bottom: 30px;}
  .tracker-wrapper .order-number li, .tracker-wrapper .dispatch strong, .product-details-box .image-content a, .user-details .title{ color: #111;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .tracker-wrapper .order-number li span, .tracker-wrapper .dispatch, .product-details-box .image-content p, .user-details li{ color: #707070;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .blue{color: #207ECE!important;}
  .product-details-box .image-box{float: left; max-width: 215px; max-height: 215px; height: auto; width: auto;}
  .product-details-box .image-box img{width: 100%; height: 100%;}
  .product-details-box .image-content{padding-top: 44px; margin-left: 220px;}
  .product-details-box .image-content p{margin-top: 6px;}
  .user-details > li{margin-bottom: 18px;}
  .continue-btn{max-width: 350px;}



  /*product-with gps*/

  .products-box .item-image{text-align: center; position: relative;}
  .products-box .item-image .image-box img{max-height: 311px; max-width: 100%; height: auto; width: auto;}
  .products-box .item-image .arrow-left{position: absolute; top: 45%; left: 5%;}
  .products-box .item-image .arrow-right{position: absolute; top: 45%; right: 5%}
  .products-box .right-section h2.title{max-width: 380px; margin-bottom: 2rem;}
  .products-box .right-section h2 span{color: #707070; font-size: 2rem;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .products-box .add-bag{background: #FAFAFA; padding: 36px 28px; margin-top: 48px;}
  .products-box .price{font-size: 40px; font-weight: 600; line-height: 40px; color: #111;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .products-box p{color: #707070; margin-bottom: 8px;}
  .products-box .price-box{border-bottom:  1px solid #707070; padding-bottom: 10px; margin-bottom: 0.875rem;}
  .products-box .add-bag .btn-primary{/*max-width: 400px;*/ margin-top: 12px; font-size: 17px;}
  .products-box .description{font-size: 13px; color: #333;font-weight: 400; text-align: center !important; margin-top: 20px; font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; text-align: justify;}
  .products-box .case-size h2{margin-bottom: 12px;}
  .products-box .dimension-footer{margin-top: 12px;}

  .series-section{padding: 60px 0 100px;}
  .series-section h3{font-size: 17px; font-weight: 600; color:#111; padding-bottom: 10px; margin-bottom: 0; border-bottom: 1px solid #707070;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .series-section ul{padding: 18px 0 0 1rem;}
  .series-section ul li{color: #707070; padding-bottom: 4px; max-width: 170px; font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
  .series-section .dimension-box li{max-width: 100%; padding-bottom: 0px;}
  .series-section .dimension-box .image-box{float: left;}
  .series-section .dimension-box .image-content{margin-left: 116px; }
  .series-section .dimension-box .image-content ul{padding: 0;}
  .series-section .dimension-box > li{padding-bottom: 0.875rem;}
  .series-section .dimension-box > li:first-child{ padding-top: 8px}
  .imagelist{padding-bottom: 50px;}
  .imagelist h2{text-align: center; margin-bottom: 26px;}
  .imagelist ul li{     float: left;
      width: 23%;
      margin: 10px;
      border: 1px solid #ccc;
      vertical-align: middle;
      min-height: 56px;
      font-size: 0.875rem;
      color: #333333;
      text-align: center;
      padding: 6px;
       display: flex;
       justify-content: center;
      flex-direction: row;
      align-items: center; cursor: pointer;
  }
  /* .imagelist ul li .image-box{ background: #F9F9F9; text-align: center; margin:  0 auto;} */
  /* .imagelist ul li img{vertical-align: top; width: auto; height: 372px; } */
  /* .imagelist h4{font-size: 0.875rem; color: #333333; text-align: center; } */

  .gps-page .accordion{padding-top: 1.375rem;}
  .gps-page .card-body a{margin-bottom: 34px; display: block;}
  .product-cellular .tabing{margin-top: 0;}
  .product-cellular .tabing .nav-item{width: 360px; padding: 20px 60px;}

  .tabing .nav-tabs .nav-link:hover, .tabing .nav-tabs .nav-link:focus{border-color: #207ECE;}
  .without-gps ul.series{ columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;}

    .series-section ul.series li{ max-width: 200px; display: block; padding-right: 0; width: 100%; padding-bottom: 6px;font-size: 14px; font-weight: 400; color: #333; }
  .without-gps ul li{width: 49%; display: inline-block; padding-right: 1.875rem; vertical-align: top; max-width: 100%;}
  .without-gps .dimension-box .image-box{float: none;}
  .without-gps .dimension-box .image-content{margin: 25px 0 0;}
  .without-gps .dimension-box li ul li{width: 100%;}
  .products-box .add-bag .heart{ margin-left: 1.375rem; }


  .card-number label{ font-weight: bold; }

  /* Select dropdown */
  .form-dropdown{margin:20px auto; max-width: 400px}
  .form-dropdown p.btn{background: url(../images/select-arrow.jpg)no-repeat right; background-position: 97% center; display: block; width: auto;}
  .form-dropdown .btn{/*width: 100%;*/ font-size: 2rem;  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}

  .form-dropdown .btn.dropdown-toggle, .form-dropdown .btn.dropdown-toggle:focus{background: url(../images/select-arrow.jpg)no-repeat right; background-position: 97% center; display: block; width: auto; border:none;}
  .form-dropdown .btn.dropdown-toggle::after{border:transparent;}
  .form-dropdown .btn, .form-dropdown .btn:focus{ border: none; background:none; box-shadow: none!important;}
  .form-dropdown, .form-dropdown .btn ins{ text-decoration: none;}
  .dropdown-menu.radio{width: 100%; padding: 0.2rem 0; min-width: 3rem}
  .dropdown-item.active, .dropdown-item:active{}
  .dropdown-menu.radio .dropdown-item {
    position:relative;
    overflow:hidden;
    cursor:pointer; }

  .dropdown-menu.radio input {
    visibility: hidden;
    position:absolute; left: -30px; }

  .dropdown-menu.radio i {
    font-weight:normal; font-style:normal;
    display:block; }

  .dropdown-item.active {
    background-color:#555; color:#fff;
  }

  .showinmobile{display: none;}
  .showinweb{display: show}

  .fnt-weight
  {
    font-weight: 600;
    color: #333 !important;
  }
  .fnt-siz
  {
    font-size: 26px;
  }
  .products-box .right-section h2.titl
  {
    max-width: 394px;
  }
  .sliv
  {
     color: #707070 !important;
     font-weight: 500;
  }
  .sign-btn
  {
    font-size: 17px !important;
   padding: .76471rem .88235rem .82353rem !important;
  }
  .text-fntr1
  {
    font-size: 14px;
    font-weight: 600;
  }
  .text-spn1
  {
    font-weight: 400;
    color:#333;
  }
  .summaryheader .productdesc .htag
  {
     padding:4px 15px;
  }
  .buy-section .new-ban, .banner.inner-banner .new-ban
  {
    padding: 4px 15px !important;
  }
  .style-22
  {
    font-size: 40px;
    font-weight: 600;
  }
  .style-11
  {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0;
    font-family: SF Pro Display,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;

    padding-top: 34px;
  }
  .saved-bag .iteminfo-title-wrapper h2 .htag2
  {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.0 ;
  }
  .saved-bag .iteminfo-title-wrapper .styler22
  {
    line-height: 0.9;
  }
  .saved-bag .sign-btn2
  {
    font-size: 17px !important;
   padding: .76471rem .88235rem .82353rem !important;
  }
  .recommended-bundle .sign-btn2
  {
     font-size: 17px !important;
   padding: .76471rem .88235rem .82353rem !important;
  }
  .your-tot
  {
   font-size: 24px;
    line-height: 1.16667;
    font-weight: 600;
    letter-spacing: .009em;
    font-family: SF Pro Display,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    padding-bottom: 9px;
  }
  .saved-bag .table tfoot tr td:last-child .price-t
  {
    font-size: 24px;
    font-weight: 600;
  }
  .track-order .hlinker
  {
    font-weight: 600;
    max-width: 322px
  }
  .in-styl
  {
    font-weight: 500 !important;
  }
  .bullet-box
  {
    list-style-type: disc;
    font-size: 14px;
    font-weight: 400;
    color:#333;

  }
  .fonter-av
  {
     font-size: 14px;
    font-weight: 400;
    color:#333;
  }
.without-gps .bullet-box li
{
  width: 100%;
    /* display: inline-block; */
    /* padding-right: 1.875rem; */
    vertical-align: top;
    max-width: 100%;
    display: list-item;
}
.series-section .dime-bx
{
  padding-left: 0px !important;
}
.freq
{
  font-size: 32px !important;
}
  /*responsive*/



@media (max-width: 1680px){
    /*
    .banner{max-height: 562px;}
    */
    .banner{max-height: 820px;}
  }

  @media (max-width: 1440px){
    .banner{overflow: visible;}
    .finance-modal.modal .modal-dialog{margin: 28px 8.5% 0 auto;}
  }

  @media (max-width: 1199px){
    /* .container {max-width: 960px;} */
    .header #submenu-bar .nav-item {
        margin: 0 .25rem;
    }
    .accessory-container .accessory-col .data-desc{min-height: 76px;}

    /*product*/
    .product-banner .banner-title{max-width: 250px;}
    .product-banner h1{font-size: 44px;}
    .product-banner .image-box{margin-right: 0;}

    /*payment*/
    .checkout-section .btn-primary{max-width: 460px;}

    /*prduct gps*/
    .products-box .price{font-size: 50px;}
    .imagelist ul li{ width: 22%; }
  }

  @media (max-width: 990px){
    .navbar-nav{flex-direction: row!important;}
    .footer ul li{margin: 0 7px;}

    /*product-2*/
    .product-banner{ text-align: center; background-color: white;}
    .product-banner .banner-title{padding: 2.125rem 0 2.25rem; margin: 0 auto; float: none;
     background-color: white;
    padding-bottom: 0px !important;
    }
    .product-banner .image-box{float: none; margin: 0 auto;}
    .product-banner .image-box .desktop-view{display: none;}
    .product-banner .image-box .mobile-view{display: block;}


    /*add-to-bag*/
    .accessory-container .accessory-col{max-width: 365px; margin: 0 auto; padding: 30px 0 64px; border-bottom: 1px solid #707070;}
    .accessory-container .accessory-col .data-desc{min-height: inherit;}

   /*your-order-1*/
   .track-order{padding: 12px 0 40px;}
   .track-order .image-details{padding-top: 1.5rem;}
   .Order-details a{max-width: 200px;}

   /*finance-1*/
   .creditcard-details .payment-monthlymode{padding-left: 0;}

   /*saved-bag*/
   .saved-bag .iteminfo-title-wrapper h2{line-height: 1.5rem;}
   .saved-bag .iteminfo-title-wrapper h2 a, .saved-bag .iteminfo-pricedetails .price, .iteminfo-quantity .form-control, .saved-bag .table tfoot th, .saved-bag .table tfoot tr td:last-child span{font-size: 1.5rem;}

   /*bag*/
   .recommended-bundle .form-control{max-width: 320px;}
   .recommended-bundle .update-cart h2{font-size: 2rem;}

   /*product gps*/
   .product-cellular .tabing .nav-item{width: 250px;}
   .series-section ul{padding: 1.125rem 0  1.25rem 1rem;}
   .series-section{padding: 60px 0 ;}
   .products-box{padding-top: 60px;}

   .without-gps h3{display: block;}
   .content-typebox .product-box{ padding: 70px 1rem 40px; }
   .content-typebox .product-box h3{ font-size: 20px; }
   .finance-modal.modal .modal-dialog{margin:28px auto;}
   .finance-modal.modal .modal-content{margin:0 8px;}

  }

  @media (max-width: 767px){
    .btn-primary, .product-banner .banner-title a{font-size: 17px;}
    .banner{max-height: inherit;}
    .banner h1{font-size: 1.5rem;}
    .showinmobile{display: block; font-size: 2rem;}
    .showinweb{display: none}
    .showinmobile span{ color: #707070; }
    .products-box .right-section h2.title{display: none;}
    /* .container {max-width: 720px;} */
    .header .desktop-navabar{display: none;}
    .header .mobile-view{display: block;}
    h1{font-size: 2rem;}
    h2{font-size: 21px;}
    .banner.inner-banner h1{font-size: 2rem;}
    .banner a, .buy-section a, .watch-box .view-more{font-size: 17px;}
    .buy-section .col-md-6{padding: 0;}
    .banner .desktop-view, .buy-section .desktop-view{display: none;}
    .banner .mobile-view, .buy-section .mobile-view, .buy-section .mobile-view{display: block;}
    .buy-section .mobile-view img, .buy-section .mobile-view img{width: 100%;}
    .buy-section .image-box {margin-bottom:  0.625rem;}
    .watch-box{padding: 2rem 0;}
    /*.watch-box .logo-image{margin-bottom: 13px;}*/
    /* .watch-box .logo-image img{width: 60%;} */
    /* .watch-box .logo-image img{width: 35%;} */
    .watch-box .view-more{margin-top: 0;}
    .footer ul{text-align: left;}
    .footer .footer-content{padding: 0.875rem 0;}
    .footer ul li{display: block; margin: 0.875rem 0; }

    /*checkout*/

    .checkout-section{padding: 50px 0 86px;}
    .signin-wrapper{ padding: 50px 0 48px; }
    .checkout-section h1, .signin-wrapper h1{font-size: 2rem;}
    .checkout-section .contact-info{ border-top: 1px solid rgba(124,124,124,.3); padding-top: 2.25rem;}
    .checkout-section .address a, .signin-wrapper .forgotpassword a{font-size: 0.875rem; padding-top: 1rem;}
    .checkout-section p{padding-left: 0;}
    .checkout-section .btn-primary{margin-top: 1.875rem;}
    .checkout-section .why-order{padding-bottom: 2.25rem;}
    .checkout-section .address{padding-top: 2.25rem;}
    .checkout-section .title a span{display: none;}


    /*sign in*/
    .signin-wrapper h1{margin-bottom: 1rem;}
    .signin-wrapper .left-section.right-border{border-right:none; border-bottom: 1px solid rgba(112,112,112,.5);}
    .signin-wrapper .forgotpassword{margin: 1.125rem 0 1.875rem; }
    .signin-wrapper .btn-primary{max-width: 500px;}
    .signin-wrapper .right-section{padding: 0; margin-top: 1.5rem;}
    .signin-wrapper .new-customer{margin-top: 1.875rem; padding-top: 1.5rem; border-top: 1px solid rgba(112,112,112,.5);}
    .signin-wrapper .right-section .btn-primary{margin-top: 1rem;}


    /*product-2*/
    .watch-box ul li{width: 48%;}
    .filter ul li.filter-menu .mobile-view{display: inline-block;}
    .filter ul li.filter-menu .desktop-view{display: none; vertical-align: middle;}
    .filter ul li, .filter ul li:first-child{display: block;width: 100%;}
    .filter ul li:not(:first-child){display: none;}
    .filter ul li.active{display: block;}
    .filter{padding: 0.875rem 0;}
    .product-banner h1{font-size: 2rem; line-height: 42px;}

    /*your-order*/
    .order-section .find-it{text-align: center; max-width: 168px; margin: 0 auto; margin-bottom: 60px;}
    .order-section .ordered-box{ margin: 0.875rem 0 30px;  min-width: 100%;}


    /*add-to-bag*/
    .accessory-container{padding: 56px 0 80px;}
    .accessory-container h2{margin-bottom: 40px; font-size: 2rem;}

    /*account-section*/
    .account-section{padding: 54px 0 40px;}
    .account-content p{margin-bottom: 8px;}

    /*account-setting*/
    .my-account .old-password{margin-bottom: 15px;}


    /*your-order-1*/
    .detailed-order{padding: 40px 0 60px}
    .detailed-order .order-title{display: block;}
    .detailed-order .order-title ul{text-align: left;}
    .track-order img{display: none;}
    .payment-summary ul > li{display: block; width: 100%;}
    .payment-summary ul.customer-details > li{margin-bottom: 2rem;}
    .Order-details{padding: 30px 0;}
    .payment-summary h3{margin-bottom: 2rem;}
    .payment-summary ul li h4{margin-bottom: 8px;}

    /*finance*/
    .finance-section, .creditcard-details{padding: 52px 0;}
    .finance-section p.title{margin: 10px 0;}
    .finance-section .table tr td{padding: .475rem 0;}

    /*saved-bg*/
    .saved-bag{padding: 30px 0 60px;}
    .saved-bag .bag-title{display: block;}
    .saved-bag .bag-title .left-listing{margin-bottom: 10px;}
    .saved-bag .bag-title .left-listing li:last-child{float: right; padding: 0;}
    .saved-bag .bag-title ul.right-listing li{display: block;}
    .saved-bag .bag-title .right-listing li:not(:first-child){padding-left: 0;}
    .saved-bag .image-box{text-align: center; margin: 0 auto;}
    .saved-bag .iteminfo-details{display: block;padding-bottom: 30px;}
    .saved-bag .iteminfo-quantity{max-width: auto; float: left;}
    .saved-bag .image-box{padding: 50px 0;}
    .saved-bag .iteminfo-title-wrapper{border:none;}
    .saved-bag .delivery{border-top: 1px solid rgba(112, 112, 112, .5);}


    /*bag*/
    .recommended-bundle ul li{width: auto; display: block;}
    .recommended-bundle ul li:not(:first-child):before{ top: 0; left: 50%;}
    .recommended-bundle .bundle-content{display: none;}
    .recommended-bundle .tabing{display: inline-block;}

    /*add-to-bag*/
    .summaryheader .productdesc img{display: none;}
    .summaryheader .productdesc p{margin: 0; max-width: 190px;}
    .summaryheader .productdesc{justify-content: space-between; }

    /*faq*/
    .faq-wrapper .accordion{padding-top: 20px;}

    /*learn more*/
    .learn-banner{padding: 132px 0; text-align: center;}
    .learn-banner p{font-size: 22px; margin: 0 auto; }
    .learn-banner h1{font-size: 45px;}
    .product-banner.learn-page h2{margin-bottom: 30px;}

    /*shipping tracking*/
    .tracker-wrapper{padding: 46px 0;}
    .tracker-wrapper h1{font-size: 2rem;}
    .product-details-box .image-content{max-width: 260px;}


    /*product gps*/
    .imagelist ul li{width: 100%; max-width: 365px; margin: 0 auto; float: none; display: block;}
    .owl-carousel .owl-item img{display: flex; margin: 0 auto;}
    .imagelist h4{max-width: 100%;}
    .products-box .price{font-size:2rem;}
    .product-cellular .tabing .nav-item{width: auto;}
    .without-gps ul li{width: 100%;}
    .series-section ul{padding: 1.125rem 0  1.25rem 0;}
    .series-section ul.series li{max-width: 100%}
    .products-box .right-section{margin-top: 40px;}

    .header .nav-item .nav-link:hover{color: #fff}
    .eligibility li{ text-align: justify;}
    .creditcard-details p br{display: inline-block;}
    /*.header a.active + .account-list{display: block!important;}*/
    .header .account-list{right: 10px; left: auto; margin-left: 0; top: 68px;}
    .header .account-list:before{right: 10px; left: auto; margin-left: 0;}
    .form-dropdown .btn{font-size: 1.75rem;}
  }


  @media (max-width: 568px){
    /* .container {max-width: 100%;} */

    /*product*/
    .watch-box ul li{width: 100%; padding: 0;}

     /*payment-selected*/
    .card-information .card-expire .form-control{max-width: 100%;}
    .card-information .card-cvv .form-control{max-width: 96px;}

    /*learn more*/
    .content-typebox .product-box{max-width: 365px; margin:0 auto;}

    .accordion .card .btn-link.collapsed, .accordion .card .btn-link{background-size: 4%;}
    .finance-modal .modal-header .close{display: inline-block;}
    .finance-modal .modal-header{padding: 20px 26px;}


    .learn-banner{padding: 73px 0; text-align: center;}
  }

  @media (max-width: 480px){
    /*.watch-box .logo-image img{width: 42%;}*/

    /*checkout*/
    .checkout-section .form-control.title-box, .form-control{max-width: 100%;}

    /*signin*/
    .signin-wrapper .left-section{padding-right: 0;}

    /*your-order-1*/
    .progressbar li{max-width: 40%;}
    .progressbar li:first-child, .progressbar li:nth-child(2){display: none;}

    /*finance-1*/
    .creditcard-details .payment-monthlymode figure{text-align: center;}
    .creditcard-details .table tr td:last-child{text-align: right;}
    .creditcard-details .btn-primary ,.saved-bag .btn-primary{float: none; text-align: center; max-width: 100%; }

    /*learn more*/
    .content-typebox .product-box .image-box{min-height: 150px;}
    .content-typebox .product-box img{max-height: 115px;}

    /*shipping tracking*/
    .product-details-box .image-box{max-width: 150px;}
    .product-details-box .image-content{max-width: 100%; margin-left: 15px; padding-top: 1.5rem;}
    .continue-btn{max-width: inherit; text-align: center; margin: 0 auto; }
    /*.like-button.add-bag .btn-primary{max-width: 280px;}*/
    .accordion .card-body p{ padding-right: 0; }

    .learn-banner{padding: 55px 0; text-align: center;}

  }

  @media (max-width: 420px){
    .form-dropdown .btn{white-space: normal;}
  }

  @media (max-width: 380px){
    .tabing .nav-item, .product-cellular .tabing .nav-item{padding: 10px 45px;}
    .summaryheader .productdesc .btn-primary{padding: .50rem;}
    /*.like-button.add-bag .btn-primary{max-width: 200px;}*/
    .products-box .add-bag .heart{margin-left: 10px;}
    .saved-bag .iteminfo-title-wrapper h2 a, .saved-bag .iteminfo-pricedetails .price, .iteminfo-quantity .form-control, .saved-bag .table tfoot th, .saved-bag .table tfoot tr td:last-child span{ font-size: 1.3rem; }
    .finance-modal .modal-header{padding: 20px 40px;}
    .header .account-list{width: 95%;}
    .products-box .item-image .image-box img{max-height: 250px;}

    .learn-banner{padding: 34px 0; text-align: center;}
  }


/*  @media (max-width: 320px){
    .form-choiceselectorlabel-twocolright{max-width: 33%;}
  }*/

#product-form .products-box .description{
    padding-left: 47px;
}
@media (max-width: 480px) {
    #product-form .products-box .description{
        padding-left: 0;
    }
}
@media (min-width: 480px) {

    #product-form .right-section{
        margin-left: 0 !important;
    }


}
.price_design_custom{
  font-size: 40px !important;
  font-weight: 600 !important;
}
.etika-logo-class{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.425rem 0.875rem 1.425rem !important;
}

 .discount-details-group .cross-icon{
     cursor: pointer;
}


.regular-price {
  font-weight: normal;
  text-decoration: line-through;
  margin-right: 15px;
}

.special-price {
  color: red;
}

.button-oval-shape {
    border-radius: 18px;
    display: inline-block;
    width: auto;
    padding: 4px 15px !important;
}