/* Theme Name: eBay Listing Template By eBiz Designs & Web Solutions
Theme URI:
Description: eBay Listing Template By eBiz Designs & Web Solutions Post 2022-23. Designed By eBiz Designs & Web Solutions. © eBiz Designs & Web Solutions.
Tags: eBay Listing Template
Author: eBiz Designs & Web Solutions
Author URI: www.ebizdesigns.co.uk
Email:info@ebizdesigns.co.uk
License: www.ebizdesigns.co.uk  Do Not Copy!
 */
 @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
 body,td,th {
    font-family: 'Oswald', sans-serif !important;
     font-size: 12px;
     color: #000;
 }
 body {
     margin-left: 0px;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     background-color:#fff !important;
 }
 a {
     font-size: 12px;
     color: #000000;
 }
 a:visited {
     color: #fff;
 }

 a:active {
     color: #fff;
 }
 img{
     border:none;
 }
 .img-responsive{ display:inline-block !important;}
 img a{
     border:none;
 }
 p{
     margin:0px 0px 5px 0px;
     padding:0px;
 }

 .mainf{ border: solid 1px #cecece; padding-top: 33px; padding-bottom: 33px; background-color: #c30098;}
.mainf .mainf-details{ text-align: center; }
.mainf .mainf-details h3{ font-size: 15px; color:#fff}
.mainf .mainf-details span{ font-size: 11px; color:#fff}
.mainf .mainf-details .md-img{ height: 69px; vertical-align: middle; }
.mainf .row .col-md-3{ border-right: solid 1px #cccccc; }
.mainf .row .col-md-3:last-child{ border-right: none; }

 .main-container-fluid{ margin:0px auto; width:100%; max-width:1600px;}
 ::selection{ color:#fff; background-color:#fff;}
 header{ margin:0px; padding:0px; float:left; width:100%;}
 #header{}
 #header #first_bar{ background-color:#c30098;}
 #header #first_bar .welcome{ border-radius:0px; background:none; border:none !important; margin:0px !important; font-size:13px; font-weight:600; color:#fff !important; text-decoration:none; padding:15px 0px;}
 #header #first_bar .welcome strong{ color:#fff; font-weight:800;}
 /*#header #first_bar:before{ content:''; border-top:solid 6px #01a89e; position: absolute; top: 0; left: 0; width: 50%;}
 #header #first_bar:after{ content:''; border-top:solid 6px #fff; position: absolute; top: 0; right: 0; width: 50%;}*/
 #header #fisrt-bar #wel_wrap{ margin:0px; padding:0px; float:right; width:100%;}
 /*#header #fisrt-bar #wel_wrap:before{ content: ""; display: inline-block;position: absolute; width: 25px;height: 100%;background: #fdb913; float: left; left:0px;top: 0px; -ms-transform: skew(30deg, 0deg); -webkit-transform: skew(-23deg, 0deg); transform: skew(-23deg, 0deg);}*/
 #header #first_bar #wel_wrap .wel-sm{ margin:0px; text-align:center; padding:0px; float:left; width:33.3%;}
 #header #first_bar #wel_wrap .wel-sm a{ display:block; color:#fff; transition:.6s; padding: 15px 0px; text-decoration:none; font-size:13px; font-weight:500;}
 #header #first_bar #wel_wrap .wel-sm a .fa{ position:relative; color:#fff; left:-5px; transition:.6s;}
 #header #first_bar #wel_wrap .wel-sm a:hover{ color:#fff;}
 #header #first_bar #wel_wrap .wel-sm a:hover .fa{ color:#fff;}

 /*#header #first_bar #search{  margin:0px; padding:0px 0px; width:100%; float:left;}
 #header #first_bar #search form{ float:left; margin:0px 0px 0px 0px !important; padding:0px; width:100%;}
 #header #first_bar #search form .search_container{ width:100%; margin:0px 0px 0px 0px !important; float: right !important; padding:0px 0px; background-color:#ffffff !important;}
 #header #first_bar #search form .search_container .search_fld{  width:90%; margin:0px !important; float:left; text-transform: capitalize !important; line-height:35px;border:none; background:none; outline:0; font-family: 'Josefin Sans', sans-serif; font-size:12px;  color:#838383;  padding: 0px 5px; }
 #header #first_bar #search form .search_container .fa{ padding-top:0px; margin:0px 0px; outline:none;width:10%; line-height:35px; text-align:center; float:left;border:none; cursor:pointer;transition:all .3s -webkit-transition: all .3s ; color:#000; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
 #header #first_bar #search form .search_container .fa:hover{  color:#fff !important; background-color:#39393b;}*/
 #header #second_bar{ background-color: #fff;}
 #header #second_bar .logo{}
 #header #second_bar #nav{ padding: 10px 0; }
 #header #second_bar #nav .navbar{ margin-bottom:0px;border:none; min-height:40px; border-radius:0px; background:none;}
 #header #second_bar #nav .navbar-nav{ width:100%; margin:0px !important;}
 #header #second_bar #nav .navbar-nav>li:first-child{ border: 1px solid #000; border-radius: 25px;}
 #header #second_bar #nav .navbar-collapse{ padding:0px !important;}
 #header #second_bar #nav .navbar-nav>li>a{ color:#000; position:relative; font-weight:bold; border-radius:0px; text-transform:uppercase; line-height:40px; transition:.6s;}
 #header #second_bar #nav .navbar-nav>li>a:hover{ color:#a91d4e; /*text-shadow: 2px 2px #303030;*/}
 #header #second_bar #nav .navbar-nav>li>a.active{ color:#fff; background-color:#fff;}
 #header #second_bar #nav .navbar-nav>li>a .fa{ position:relative; line-height:30px; font-size:16px; float:left;}
 #header #second_bar #nav .navbar-collapse:target{ display: block !important;visibility: visible;}
 #header #second_bar #nav .navbar-collapse:target .navbar-nav{ position: relative;z-index: 9998;}
 #header #second_bar #nav .navbar-collapse-close,
 #header #second_bar #nav .navbar-collapse-close {display: none;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 9997;/*background-color: rgba(255, 255, 255, 0.5);*/font-size: 0px;color: transparent;}
 #header #second_bar #nav .navbar-collapse-close:visited {display: block !important;font-size: 24px;color: black;}
 #header #second_bar #nav .navbar-collapse:target .navbar-collapse-close {display: block !important;}

 section{ margin:0px 0px !important; padding:0px !important; float:left; width:100%; /*position: relative; top: 124px;*/}


 #services .row{ margin-left: calc(100% - 30px); margin: 0; }
 #services{ padding:17px 0px; background-color: #f2f4f6!important; text-align: center; border-bottom: solid 1px #e6e6e6;}
 #services .services-caption{ width: 19.72%; text-align: left; display: inline-flex;}
 #services .services-caption a{ text-decoration: none; color: #000; align-items: baseline; padding-left: 10px; font-weight: 500;  font-size: 12px; line-height: 18px; }
 #services .services-caption a span{ font-weight: 400; font-size: 11px;}
 #services .services-caption a:hover{ color: #000; }

 .right-padding{ padding-right: 0 !important; }


 #listing_wrap  .new-gallery{ margin:15px 0px 70px !important; padding:10px; width:100%; float:left; border:solid 1px #d0d0d0;}
 .title{ text-align: center !important; padding:30px 0px 20px 0px; line-height:40px; text-transform:uppercase; font-size:18px;  color:#000; display:block;  width:100%; }
  #listing_wrap  .new-gallery .NEWCSSGALLERY{ padding:0px !important;line-height:25px; width:100%; font-size:12px; margin: 0px !important; float:left; color:#383838 !important;display:block !important; text-align:center !important;}
  #listing_wrap  .new-gallery .NEWCSSGALLERY img{ width:auto !important; margin:0px !important; padding:0px !important;}

 #listing_wrap{ margin:0px; padding:0px 0px; float:left; width:100%; background-color:#fff;}
 #listing_wrap .right_inner{ padding:0px 0px !important; margin:0px; float:left; width:100%;}
 #listing_wrap .right_inner .seller{ margin:0px 0px 30px; padding:0px; float:left; width:100%; text-align:center;}
 #listing_wrap .right_inner .gallery{ margin:15px 0px 70px !important; padding:10px; width:100%; float:left; border:solid 1px #d0d0d0;}
.title{ text-align: center !important; padding:30px 0px 20px 0px; line-height:40px; text-transform:uppercase; font-size:18px;  color:#000; display:block;  width:100%; }
 #listing_wrap .right_inner .gallery .NEWCSSGALLERY{ padding:0px !important;line-height:25px; width:100%; font-size:12px; margin: 0px !important; float:left; color:#383838 !important;display:block !important; text-align:center !important;}
 #listing_wrap .right_inner .gallery .NEWCSSGALLERY img{ width:auto !important; margin:0px !important; padding:0px !important;}
 #listing_wrap .description_title{background-color: #c30098; position: relative; padding:0px 15px !important; line-height:50px; font-size:15px; float:left; width:100%; margin:0px 0px 20px!important;  color:rgb(255, 255, 255) !important; display:block !important; text-transform: uppercase; text-align:left;}
 #listing_wrap .description_short_title{background-color: #e8eef1; position: relative; padding:0px 15px !important; line-height:50px; font-size:15px; float:left; width:100%; margin:0px 0px 20px!important;  color:rgb(0, 0, 0) !important; display:block !important; text-transform: uppercase; text-align:left;}
 #listing_wrap .description_content{ margin:0px 0px 30px 0px !important; padding:15px !important; float:left; width: 100%; background-color:#fff; border:solid 1px #dfdfdf;}
 #listing_wrap .description_content .description{ padding:0px 0px !important; line-height:25px; font-size:15.97px; margin:0px!important; color:#383838 !important; display:block !important;  text-align: left; width:100%; float:left;}
 #listing_wrap .description_content .seller{ margin:0px; padding:0px; float:left; width:100%; }

 #listing_wrap .description_content_tabs{ margin:0px 0px 20px; padding:0px; width:100%; float:left;}
 #listing_wrap .description_content_tabs section{ display: none; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 0px 0 0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
 #listing_wrap .description_content_tabs input { display: none !important;}
 #listing_wrap .description_content_tabs label { display: inline-block; margin: 0 0 -2px; padding:10px 15px; font-weight: normal; transition: .2s;  font-size: 14px; text-align: center; color: #000; text-transform: uppercase;}
 #listing_wrap .description_content_tabs label .fa{ text-align:center; width:100%; float:left; line-height:40px; font-size:22px;}
 #listing_wrap .description_content_tabs .description{ padding:15px !important; line-height:25px; font-size:15.97px; margin:0px!important; color:#383838 !important; display:block !important;  text-align: left; width:100%; float:left;}
 #listing_wrap .description_content_tabs label:before { font-family: fontawesome;font-weight: normal;margin-right: 10px;}
 #listing_wrap .description_content_tabs label:hover { color: #fff;cursor: pointer; background-color:#fff;}
 #listing_wrap .description_content_tabs input:checked + label { color:#000; background-color:#fff; border-bottom: #fff 1px solid;}
 #listing_wrap .description_content_tabs #tab1:checked ~ #content1,
 #listing_wrap .description_content_tabs #tab2:checked ~ #content2,
 #listing_wrap .description_content_tabs #tab3:checked ~ #content3,
 #listing_wrap .description_content_tabs #tab4:checked ~ #content4,
 #listing_wrap .description_content_tabs #tab5:checked ~ #content5,
 #listing_wrap .description_content_tabs #tab6:checked ~ #content6{display: block;}


 footer{ margin:0px 0px; padding:0px; float:left; width:100%;}
 #footer{ margin:0px 0px; padding:0px; float:left; width:100%; position:relative; top:42px;}
 #footer #footer_wrap{ width:100%; float:left; margin:0px; padding:75px 0px; background-color:#c30098; position: relative; z-index: 2;}
 #footer #footer_wrap .head_9{ margin:0px 0px !important; line-height:40px; text-indent:15px; font-style:italic; width:100% !important;padding:0px 0px !important; display:block; float: left;  font-size:34px;text-transform: capitalize !important;color:#fff!important; text-decoration:none; font-weight:600;}
 #footer #footer_wrap .nws_caption{ margin:0px; float:left; padding:0px; width:100%;}
 #footer #footer_wrap .nws_caption .head_10{ margin:0px !important; line-height:25px; width:100%; padding:0px 10px !important; display:block; float: left; font-size:14px; color:#fff; font-weight:normal; text-decoration:none; font-style:italic;}
 #footer #footer_wrap .nws_caption .btn-danger{ margin:0px !important; line-height:50px; width:100%; padding:0px 0px !important; display:block; float: left;  font-size:15px; color:#c30098; text-decoration:none; background-color:#fff; border-radius:0px; border:none; font-style:italic; position:relative; right:5px; font-weight:700;-webkit-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.21);-moz-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.21); box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.21); transition:.6s;}
 #footer #footer_wrap .nws_caption .btn-danger:hover{ background-color:#000; color:#fff;}

 #footer #footer_promotion{ margin:0px; padding:60px 0px; float:left; width:100%; text-align:center; background-color: #fff; position: relative; z-index: 2;}
 #footer #footer_promotion .box{ margin:0px 0px; padding:0px; float:left; width:100%;}
 #footer #footer_promotion .box .fa{ border-radius:40px; margin:0px auto; font-size:38px; padding:10px 0px; border:solid 1px #99bc4a; line-height:60px; height:80px; width:80px; color:#99bc4a;}
 #footer #footer_promotion .box .head_11{ margin:15px 0px 0px !important; line-height:25px; width:100%; padding:0px; text-transform:uppercase; display:block; float: left; font-size:17.23px; color:#000; font-weight:500; text-decoration:none;}
 #footer #footer_promotion .box .head_11 span{  text-transform:lowercase; font-weight:400; font-size:14px; }

 #footer #last-bar{  margin:0px; padding:0px; float:left; width:100%; position:relative; background-color:#fff; border-bottom:double 4px #000;}
 #footer #last-bar .copyright{ width:100%;float: left;text-align: left;text-transform:uppercase;font-size: 13px; color:#000;line-height:60px;}
 #footer #last-bar .E_logo{ margin:0px; width:100%; float:right; padding:0px; text-align:center;}


 #\-Designers{ margin:0px auto; width:80% !important;}
 .image-gallery{ margin:0px !important; width: 100% !important; height:500px !important; }
 .image-gallery .big-image{ max-width: 100% !important; max-height: 100% !important; margin:0px !important; position: relative; float: left;}
 .image-gallery .big-image img{ width: 100%; top:0px !important; float: left; max-height:100% !important; height: 100% !important;}
 .image-gallery .thumbs{ width:100% !important; float:left !important;}
 .image-gallery .thumbs li{ width:75px !important; height:75px;}
 .image-gallery .thumbs li img{ height:100% !important;}

.category-section {padding: 50px 0px!important;}
.category_title{position: relative; font-size:24px; margin:0px 0px 20px!important; font-weight:600; color:#000 !important; display:block !important; text-align: center; text-transform: uppercase;}
.category_title:after { content: '';  width: 170px; border-width: 1px ;border: solid #fff; position: absolute; left: 43%; bottom: -5px}



.cat_title {line-height: 50px;  position: relative; font-size:18px; margin:0px 0px 20px!important; font-weight:600; color:#000 !important; display:block !important; text-transform: uppercase;}
.cat_title:after { content: '';  width: 100px; border-width: 1px ;border: solid #fff; position: absolute; left: 1.4%; bottom: -5px}
.cat_title:hover { color: #fff !important; text-decoration: none !important;}

.brand-img {
    margin-bottom: 20px !important;
}



  /*min-width start*/
 @media ( min-width:992px){
     #header #second_bar #nav .navbar-nav>li>a{ padding:0px 31px; bottom:0px; /*text-shadow: 2px 2px #136fb9;*/}
 }
 @media ( min-width:768px){
     #header #second_bar #nav .navbar-collapse{ display:block;}
     /*#header #second_bar #nav .navbar-nav>li>a{ border-bottom:solid 2px; border-color:transparent;}
     #header #second_bar #nav .navbar-nav>li>a:hover{ border-color:#fff;}*/
 }

 @media( min-width:991px){
     #header #second_bar #nav .navbar-nav>li>a{ padding: 0px 29px; /*text-shadow: 2px 2px #136fb9;*/}
     #header #second_bar #nav .navbar-collapse{ display:block;}
 }
 @media( min-width:1200px){
     /*#header #second_bar #nav .navbar-nav{ margin:0px auto !important; float:none !important; width:90% !important;}*/
     #header #second_bar #nav .navbar-nav>li>a{ padding:0px 40px; font-size:14px;}
 }
  /*min-width End*/

 .cl-htabs-el-content{position:relative !important; overflow: inherit !important;}
 .cl-htabs-el-child-element{  overflow: inherit !important; width: 100% !important; }

 @media ( max-width: 1199px){
     #services .services-caption{ width: 25%; padding-bottom: 15px; display: inline-flex !important;}

     #header #second_bar #nav .navbar-nav > li > a{ padding: 0px 32px; position:relative;}
     footer #footer #footer_caption .footer_inner .head_5{ font-size:35.72px;}
 }
 @media ( max-width: 991px){
     /*#header #first_bar .top_link li a{ padding:0px 17px !important; font-size:10px;}*/
     #header #second_bar #nav .navbar-nav>li>a{ padding:0px 13px; font-size:11px;}
     #listing_wrap .right_inner .description_content_tabs label{ width:100%;}
     footer #footer #last_bar .copyright{ text-align:center;}
     footer #footer #footer_caption .footer_inner .head_8{ font-size:33.72px;}
 }
 @media ( max-width: 767px){
     #header #first_bar .welcome{ text-align: center; }
       #header #second_bar .logo{ text-align:center;}
     #header #second_bar #nav .navbar-header{ float: none; padding: 0px 15px; background-color:#fff;}
     #header #second_bar #nav .navbar-brand{ line-height:50px; color:#fff; font-size:1em; text-transform:uppercase; padding:0px 0px;}
     #header #second_bar #nav .navbar-default .navbar-toggle{ width:auto; border-radius:0px;transition:0.6s; background-color:#000; margin-right:0px; border:none;}
     #header #second_bar #nav .navbar-default .navbar-toggle:hover{ background-color:#000;}
     #header #second_bar #nav .navbar-toggle {display: block;}
     #header #second_bar #nav .navbar-toggle:hover{ -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg);}
     #header #second_bar #nav .navbar-collapse{ border-color:#fff !important; background-color:#fff; margin:0px !important;}
     #header #second_bar #nav .navbar-nav{ width:100% !important; margin:0px; float:none;}
     #header #second_bar #nav .navbar-nav>li { float: none; width:100%;}
     #header #second_bar #nav .navbar-nav>li>a{ padding:0px 15px !important; border-radius:0px; border-bottom:solid 1px #0073d6; line-height:40px; position:relative; font-size:12px; color:#fff;}
     #header #second_bar #nav .navbar-nav>li>a .fa{ position:relative; left:-5px; transition-duration: 1s; line-height:40px; opacity:0; float:left;}
     #header #second_bar #nav .navbar-nav>li>a:hover{ background-color:#000; color:#fff; bottom:0px;}
     #header #second_bar #nav .navbar-nav>li>a:hover .fa{ opacity:1; left:-2px;}

     #services .services-caption{ width: 49%;}

     #ebiz-designs{ width:100% !important;}
     .image-gallery{ height:355px !important;}
     .image-gallery .big-image{ height:355px !important;}
     .image-gallery .thumbs li{ width:50px !important; height:50px !important;}
 }

 @media ( max-width: 360px){
   #services .services-caption{ width: 100%;}
  }





  @media screen and (min-width: 641px) {
      .mobile_image {
          display: none;
      }
      /**** Pc Image Module Style Starts ****/
      input[name="thumb_click"] {
          display: none;
      }
      .desktop_image {
          width: 950px;
          margin: 0px auto 15px;
          padding: 10px 0 0;
          position: relative;
          background: #ffffff;
      }
      .desktop_image:after {
          content: "";
          display: table;
          clear: both;
      }
      .pc_main_img {
          width: 660px;
          height: 600px;
          margin: 0 auto;
          display: inline-block;
          position: relative;
          float: right;
      }
      .pc_main_img div {
          display: none;
          text-align: center;
      }
      .pc_main_img div img {
          width: auto;
          height: auto;
          max-width: 660px; /*Width of the Main image*/
          max-height: 600px; /*Height of the Main image*/
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
      }
      .pc_thumb_img {
          width: 220px;
          float: left;
          margin: 0px auto;
          text-align: center;
      }
      .pc_thumb_img label {
          display: inline-block;
          margin: 3px;
          width: 100px;
          height: 100px;
          overflow: hidden;
          cursor: pointer;
          border: 1px solid #dbdbdb;
          position: relative;
      }
      .pc_thumb_img label:first-child,
      .pc_thumb_img label:nth-child(2) {
          margin-top: 0px;
      }
      .pc_thumb_img label:last-child,
      .pc_thumb_img label:nth-child(9) {
          margin-bottom: 0px;
      }
      .pc_thumb_img label:hover {
          border: 1px solid #ec7203;
      }
      .pc_thumb_img label img {
          display: block;
          width: auto;
          height: auto;
          max-width: 100px;
          max-height: 100px;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
      }
      #thumb-id1:checked ~ .pc_thumb_img .thumb-id1,
      #thumb-id2:checked ~ .pc_thumb_img .thumb-id2,
      #thumb-id3:checked ~ .pc_thumb_img .thumb-id3,
      #thumb-id4:checked ~ .pc_thumb_img .thumb-id4,
      #thumb-id5:checked ~ .pc_thumb_img .thumb-id5,
      #thumb-id6:checked ~ .pc_thumb_img .thumb-id6,
      #thumb-id7:checked ~ .pc_thumb_img .thumb-id7,
      #thumb-id8:checked ~ .pc_thumb_img .thumb-id8,
      #thumb-id9:checked ~ .pc_thumb_img .thumb-id9,
      #thumb-id10:checked ~ .pc_thumb_img .thumb-id10 {
          border: 1px solid #005f99;
      }
      #thumb-id1:checked ~ .pc_main_img #pc_main_img1,
      #thumb-id2:checked ~ .pc_main_img #pc_main_img2,
      #thumb-id3:checked ~ .pc_main_img #pc_main_img3,
      #thumb-id4:checked ~ .pc_main_img #pc_main_img4,
      #thumb-id5:checked ~ .pc_main_img #pc_main_img5,
      #thumb-id6:checked ~ .pc_main_img #pc_main_img6,
      #thumb-id7:checked ~ .pc_main_img #pc_main_img7,
      #thumb-id8:checked ~ .pc_main_img #pc_main_img8,
      #thumb-id9:checked ~ .pc_main_img #pc_main_img9,
      #thumb-id10:checked ~ .pc_main_img #pc_main_img10 {
          display: block;
      }
      /*thumb image unbroken hide */
      .pc_thumb_img label[rel=""],
      .pc_thumb_img label[rel="{{image1}}"],
      .pc_thumb_img label[rel="{{image2}}"],
      .pc_thumb_img label[rel="{{image3}}"],
      .pc_thumb_img label[rel="{{image4}}"],
      .pc_thumb_img label[rel="{{image5}}"],
      .pc_thumb_img label[rel="{{image6}}"],
      .pc_thumb_img label[rel="{{image7}}"],
      .pc_thumb_img label[rel="{{image8}}"],
      .pc_thumb_img label[rel="{{image9}}"],
      .pc_thumb_img label[rel="{{image10}}"] {
          display: none !important;
      }
  }

  @media screen and (min-width: 641px) and (max-width: 1010px) {
      .desktop_image {
          width: 98%;
      }
      .pc_main_img {
          width: 100%;
          float: none;
      }
      .pc_main_img div img {
          max-width: 100%;
      }
      .pc_thumb_img {
          width: 100%;
          float: none;
          margin-top: 12px;
      }
      .pc_thumb_img label {
          float: none;
          display: inline-block;
      }
      .pc_thumb_img label:first-child,
      .pc_thumb_img label:nth-child(2) {
          margin-top: 3px;
      }
      .pc_thumb_img label:last-child,
      .pc_thumb_img label:nth-child(9) {
          margin-bottom: 3px;
      }
  }

  @media screen and (max-width: 640px) {
      .desktop_image {
          display: none;
      }
      #mob-slider {
          background: transparent;
          text-align: center;
          margin: 10px auto;
          max-width: 95%;
          width: auto;
          padding: 0;
          max-height: 320px;
      }
      #mob-slides {
          position: relative;
          border: 0px solid;
      }
      #mob-slider input {
          display: none;
      }
      #mob-slide1:checked ~ #mob-slides .mob-inner {
          margin-left: 0;
      }
      #mob-slide2:checked ~ #mob-slides .mob-inner {
          margin-left: -100%;
      }
      #mob-slide3:checked ~ #mob-slides .mob-inner {
          margin-left: -200%;
      }
      #mob-slide4:checked ~ #mob-slides .mob-inner {
          margin-left: -300%;
      }
      #mob-slide5:checked ~ #mob-slides .mob-inner {
          margin-left: -400%;
      }
      #mob-slide6:checked ~ #mob-slides .mob-inner {
          margin-left: -500%;
      }
      #mob-slide7:checked ~ #mob-slides .mob-inner {
          margin-left: -600%;
      }
      #mob-slide8:checked ~ #mob-slides .mob-inner {
          margin-left: -700%;
      }
      #mob-slide9:checked ~ #mob-slides .mob-inner {
          margin-left: -800%;
      }
      #mob-slide10:checked ~ #mob-slides .mob-inner {
          margin-left: -900%;
      }

      #mob-overflow {
          width: 100%;
          overflow: hidden;
      }
      #mob-slides .mob-inner {
          width: 10000%;
          line-height: 0;
      }
      #mob-slides div ul {
          margin: 0;
          padding: 0;
          list-style-type: none;
      }
      #mob-slides div ul li {
          width: 1%;
          float: left;
          height: 300px;
          position: relative;
      }
      #mob-slides div ul li img {
          /*width:100%;*/
          height: auto;
          max-width: 100%;
          max-height: 300px;
          position: absolute;
          top: 0px;
          bottom: 0px;
          left: 0px;
          right: 0px;
          margin: auto;
      }
      #mob-slides #mob-controls label {
          display: none;
          width: 17px;
          height: 17px;
          position: absolute;
          top: 0px;
          bottom: 0px;
          margin: auto;
          cursor: pointer;
          text-decoration: none;
      }
      #mob-slide1:checked ~ #mob-slides #mob-controls label:nth-child(2),
      #mob-slide2:checked ~ #mob-slides #mob-controls label:nth-child(3),
      #mob-slide3:checked ~ #mob-slides #mob-controls label:nth-child(4),
      #mob-slide4:checked ~ #mob-slides #mob-controls label:nth-child(5),
      #mob-slide5:checked ~ #mob-slides #mob-controls label:nth-child(6),
      #mob-slide6:checked ~ #mob-slides #mob-controls label:nth-child(7),
      #mob-slide7:checked ~ #mob-slides #mob-controls label:nth-child(8),
      #mob-slide8:checked ~ #mob-slides #mob-controls label:nth-child(9),
      #mob-slide9:checked ~ #mob-slides #mob-controls label:nth-child(10),
      #mob-slide10:checked ~ #mob-slides #mob-controls label:nth-child(1) {
          background: url("arrow_right.svg") no-repeat center top;
          display: block;
          float: right;
          right: -10px;
      }
      #mob-slide1:checked ~ #mob-slides #mob-controls label:nth-child(10),
      #mob-slide2:checked ~ #mob-slides #mob-controls label:nth-child(1),
      #mob-slide3:checked ~ #mob-slides #mob-controls label:nth-child(2),
      #mob-slide4:checked ~ #mob-slides #mob-controls label:nth-child(3),
      #mob-slide5:checked ~ #mob-slides #mob-controls label:nth-child(4),
      #mob-slide6:checked ~ #mob-slides #mob-controls label:nth-child(5),
      #mob-slide7:checked ~ #mob-slides #mob-controls label:nth-child(6),
      #mob-slide8:checked ~ #mob-slides #mob-controls label:nth-child(7),
      #mob-slide9:checked ~ #mob-slides #mob-controls label:nth-child(8),
      #mob-slide10:checked ~ #mob-slides #mob-controls label:nth-child(9) {
          background: url("arrow_left.svg") no-repeat center top;
          display: block;
          float: left;
          left: -10px;
      }
      #mob-slide1:checked ~ #mob-slides #mob-controls label:nth-child(2):hover,
      #mob-slide2:checked ~ #mob-slides #mob-controls label:nth-child(3):hover,
      #mob-slide3:checked ~ #mob-slides #mob-controls label:nth-child(4):hover,
      #mob-slide4:checked ~ #mob-slides #mob-controls label:nth-child(5):hover,
      #mob-slide5:checked ~ #mob-slides #mob-controls label:nth-child(6):hover,
      #mob-slide6:checked ~ #mob-slides #mob-controls label:nth-child(7):hover,
      #mob-slide7:checked ~ #mob-slides #mob-controls label:nth-child(8):hover,
      #mob-slide8:checked ~ #mob-slides #mob-controls label:nth-child(9):hover,
      #mob-slide9:checked ~ #mob-slides #mob-controls label:nth-child(10):hover,
      #mob-slide10:checked ~ #mob-slides #mob-controls label:nth-child(1):hover {
          background: url("arrow_right_hover.svg") no-repeat center top;
          display: block;
          float: right;
          right: -10px;
      }
      #mob-slide1:checked ~ #mob-slides #mob-controls label:nth-child(10):hover,
      #mob-slide2:checked ~ #mob-slides #mob-controls label:nth-child(1):hover,
      #mob-slide3:checked ~ #mob-slides #mob-controls label:nth-child(2):hover,
      #mob-slide4:checked ~ #mob-slides #mob-controls label:nth-child(3):hover,
      #mob-slide5:checked ~ #mob-slides #mob-controls label:nth-child(4):hover,
      #mob-slide6:checked ~ #mob-slides #mob-controls label:nth-child(5):hover,
      #mob-slide7:checked ~ #mob-slides #mob-controls label:nth-child(6):hover,
      #mob-slide8:checked ~ #mob-slides #mob-controls label:nth-child(7):hover,
      #mob-slide9:checked ~ #mob-slides #mob-controls label:nth-child(8):hover,
      #mob-slide10:checked ~ #mob-slides #mob-controls label:nth-child(9):hover {
          background: url("arrow_left_hover.svg") no-repeat center top;
          display: block;
          float: left;
          left: -10px;
      }
      #mob-slides ul li[rel=""],
      #mob-slides label[rel=""],
      #mob-slides ul li[rel="{{image1}}"],
      #mob-slides label[rel="{{image1}}"],
      #mob-slides ul li[rel="{{image2}}"],
      #mob-slides label[rel="{{image2}}"],
      #mob-slides ul li[rel="{{image3}}"],
      #mob-slides label[rel="{{image3}}"],
      #mob-slides ul li[rel="{{image4}}"],
      #mob-slides label[rel="{{image4}}"],
      #mob-slides ul li[rel="{{image5}}"],
      #mob-slides label[rel="{{image5}}"],
      #mob-slides ul li[rel="{{image6}}"],
      #mob-slides label[rel="{{image6}}"],
      #mob-slides ul li[rel="{{image7}}"],
      #mob-slides label[rel="{{image7}}"],
      #mob-slides ul li[rel="{{image8}}"],
      #mob-slides label[rel="{{image8}}"],
      #mob-slides ul li[rel="{{image9}}"],
      #mob-slides label[rel="{{image9}}"],
      #mob-slides ul li[rel="{{image10}}"],
      #mob-slides label[rel="{{image10}}"] {
          display: none !important;
      }
      /* Animation */
      #mob-slides .mob-inner {
          -webkit-transform: translateZ(0);
          -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
          -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
          -ms-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
          -o-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */

          -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */
      }
      #mob-slider {
          -webkit-transform: translateZ(0);
          -webkit-transition: all 0.5s ease-out;
          -moz-transition: all 0.5s ease-out;
          -o-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out;
      }
      #mob-controls label {
          -webkit-transform: translateZ(0);
          -webkit-transition: opacity 0.2s ease-out;
          -moz-transition: opacity 0.2s ease-out;
          -o-transition: opacity 0.2s ease-out;
          transition: opacity 0.2s ease-out;
      }
  }