/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 0px;
}

html {
  font-size: 62.5%; 
  }

body {
  font-size: 1.6rem;
  font-family:'Itim';
  color: #262626;
  background-color: #f5f4f3; }

a {
  color: #f42e4e;
  text-decoration: none; }

img {
  max-width: 100%; }
  
   .vertical-scrollbar
{
   overflow-x: hidden; /*for hiding horizontal scroll bar*/
   overflow-y: auto; /*for vertical scroll bar*/
}

/* -------------------------------- 

Main Components 

-------------------------------- */
header {
  height: 170px;
  line-height: 170px;
  text-align: center;
  background: #513e5d;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  header h1 {
    font-size: 2rem;
    color: #ffffff; }
	.cd-list-bg {
	background-image: url(../img/prod_info_bg.jpg);
	background-size: contain;
	Max-height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	/* [disabled]position: absolute; */
	z-index: 1;
	  
  
 }
  #dinfo {
	background-color:white;
}
#BuyNow {
	background-color:#00c4cc;
	color:white;
	width:120%;
	margin-top:20px;
	
	
		
		}
		
	#BuyNow_2 {
	Margin-left: 40px;
	margin-top: 0px;
	}
	
	#MList {
	/* [disabled]margin-top: 21px; */
	/* [disabled]margin-right: 21px; */
	/* [disabled]margin-left: 21px; */
	/* [disabled]margin-bottom: 21px; */
	/* [disabled]align-content: center; */
	text-align: center;
}
  
  #detail {
	  background-color:#00c4cc;
  }
  #about {
	  text-align: center;
	  line-height: 1.3em;
	  font-size:1.2rem;
	  background-color:skyblue;
  }
  
  #accordion1 { 
  text-align:center;
  }
 
  
  .footer-1{
	background-color: #1d2023;
	padding: 50px 0 70px;
	margin: auto;
	color: #B6B6B6;
	display: block;
}

#contact {
	background-image: url(../img/contact_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.copyright-text{margin:10px 0 0;float:left}.back-to-top{width:52px;height:52px;line-height:45px;margin:-78px auto 26px;display:block;font-size:28px;text-align:center;background:#F7C723;color:#fff;border-radius:26px;position:relative;top:-30px}





 @media only screen 

and (min-device-width : 320px) 

and (max-device-width : 480px) {

/* Smartphones (portrait and landscape) ----------- */

	.cd-list-bg {
	background-color: #00c4cc;
	background-image: none;
	margin: auto;
   
	}
	.reviews {
		background-repeat:no-repeat;
	background-size:cover;
	background-color: #00c4cc;}
	
	.cover{
	background-image: url(../img/ty.png);
	background-position: center top;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #f5ec4a;
	width: auto;
	height: 480px;
	margin-bottom: 0px;
	position: relative;
	}
	
			#h_BuyNow {
		 background:transparent;
		 border:none;
		 font-color:transparent;
		}

		
	.jumbotron { display:none}
	 
	
	#BuyNow { 
	width:auto;
	
}
   .modal-lg {
	   max-width:480px;
   
} .modal-sm {
	max-width:480px;}
	
				
	#MList {
		margin-left:auto;}
		#BuyNow_2 {
			margin:auto;}
		#BuyNow {
				margin-bottom:20px;}
				#box-link { 
		position:absolute; 
		top: 170px; 
		left: 120px; 
		width: 70px; 
		height: 90px; 
		background-color: transparent; 
		border: 1px solid yellow;
		opacity:0.1; }	
}



@media only screen 

and (max-width : 320px) {

/* Smartphones (portrait) ----------- */



.cover{
	background-image: url(../img/ty.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #f5ec4a;
	width: auto;
	height: 480px;
	margin-bottom: 25px;
	position: relative;
	}
	
	.box1 { 
		position: relative; 
		margin: 20px 0 20px 40px; 
		padding: 5px 0; width: 300px; 
		height: 100px; 
		background-image: url(images/background.jpg); 
		background-repeat: no-repeat; 
		}
	#box-link { 
		position:absolute; 
		top: 170px; 
		left: 120px; 
		width: 70px; 
		height: 90px; 
		background-color: transparent; 
		border: 1px solid yellow;
		opacity:1.5; }	
		
		#arrow {
		    position:relative;
			top: 50px;
			right:5px;
			z-index:1;
			
			
		}
		.link{
        padding-left: 136px;
        padding-top: 223px;
        position: absolute;
		color:red;
		
    }
    .link a{
      padding-left: 0;
      display: block;
      height: 48px;
      width: 67px;
	  color:red;
    }
		.jumbotron {
			display:
		none}
		
		.modal-sm {
			max-width: 320px;
			}
			
			.modal-lg {
				max-width:320px;}
			#BuyNow {
				margin-bottom:20px;}
				#h_BuyNow {
		 background:transparent;
		 border:none;
		 
		}
		#MList {
		margin-left:0px;}
		#BuyNow_2 {
			margin:auto;}

}





@media only screen and (max-width: 375px) {
	.cover{
	background-image: url(../img/ty.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #f5ec4a;
	width: auto;
	height: 600px;
	margin-bottom: 25px;
	position: relative;
	}
	
	#box-link { 
		position:absolute; 
		top: 170px; 
		left: 112px; 
		width: 90px; 
		height: 90px; 
		background-color: transparent; 
		border: 1px solid yellow;
		opacity:1.0; }	
		
		.jumbotron { 
		display:none;


}.modal-sm {
			max-width: 350px;}
			
			.modal-lg {
				max-width:350px;}
}
.link{
        padding-left: 136px;
        padding-top: 223px;
        position: absolute;
		color:white;
		
    }
    .link a{
      padding-left: 0;
      display: block;
      height: 48px;
      width: 67px;
	  color:white;
    }


@media only screen and (max-width: 767px) {
		.cd-list-bg {
	background-color: #00c4cc;
	background-image: none;
	margin: auto;
	

	}
	
	#BuyNow {
		width:auto;
		margin-bottom:20px;}
		#BuyNow_2{
			margin:auto;}
		#MList { 
		margin:auto;
		}
		
		#box-link {
			display:none}
		
}
  @media only screen and (min-width: 768px) {
    header {
      height: 200px;
      line-height: 200px; }
      header h1 {
        font-size: 2.6rem; 
		}
		.cd-list-bg {
			margin-top:-21px;}
			.cover {
	display: none;
	background-color: undefined;
}


.cd-single-item {
	position: relative;
	background: #ffffff;
}

.faq-section {
	background-image:url(../img/review_bg.png);
	background-size: contain;
	background-position: center;
	margin-top: 10px;
}
 #BuyNow {
	 width:auto;
	 margin-bottom:20px;}
  #BuyNow_2{
	  margin:auto;}
  #MList {
	  margin:auto;}
  .modal-sm {
			max-width: 480px;}
			
.modal-lg {
				max-width:480px;}}
  @media only screen and (min-width: 1024px) {
    .cd-slider-wrapper {
	width: 50%;
}
      .cd-slider-active .cd-slider-wrapper {
        width: 100%; } .cd-list {
	margin-top: 100px;
}
.cd-list-bg {
	margin-top:-21px;}
#BuyNow {
	 width:auto;
	 margin-bottom:20px;}
  #BuyNow_2{
	  margin-left:auto;}
  #MList {
	margin-left: auto;
	text-align: center;
}
}

.cd-slider {
  position: relative;
  z-index: 1;
  overflow: hidden; }
  .cd-slider::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'mobile';
    display: none; }
  .cd-slider li {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s; }
    .cd-slider li img {
      display: block;
      width: 100%; }
    .cd-slider li.selected {
      position: relative;
      z-index: 2;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); }
    .cd-slider li.move-left {
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%); }
  @media only screen and (min-width: 1024px) {
    .cd-slider {
      cursor: pointer; }
      .cd-slider::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'desktop'; }
      .cd-slider::after {
        /* slider cover layer - to indicate the image is clickable */
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(81, 62, 93, 0.4) url("../expandable-image-gallery/img/cd-icon-zoom.svg") no-repeat center center;
        /* size of the icon */
        background-size: 48px;
        opacity: 0;
        z-index: 4;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        transition: opacity 0.2s; }
      .no-touch .cd-slider:hover::after {
        opacity: 1; }
      .cd-slider-active .cd-slider {
        cursor: auto; }
        .cd-slider-active .cd-slider::after {
          display: none; } 
		  #BuyNow {
	 width:auto;
	 margin-bottom:20px;}
  #BuyNow_2{
	  margin-left:auto;}
  #MList {
	margin-left: auto;
	text-align: center;
}}

@media only screen and (min-width: 1024px) {
  .cd-slider-navigation li, .cd-slider-pagination {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
    -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
    transition: opacity 0.4s 0s, visibility 0s 0.4s; }
    .cd-slider-active .cd-slider-navigation li, .cd-slider-active .cd-slider-pagination {
      opacity: 1;
      visibility: visible;
      -webkit-transition: opacity 0.4s 0.4s, visibility 0s 0.4s;
      -moz-transition: opacity 0.4s 0.4s, visibility 0s 0.4s;
      transition: opacity 0.4s 0.4s, visibility 0s 0.4s; } 
.cd-slider-navigation li {
  position: absolute;
  z-index: 2;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  .cd-slider-navigation li:first-of-type {
    left: 10px; }
  .cd-slider-navigation li:last-of-type {
    right: 10px; }
  .cd-slider-navigation li a {
    display: block;
    width: 48px;
    height: 48px;
    background:url(../img/cd-icon-arrow.svg) no-repeat center center;
    -webkit-transition: opacity 0.2s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.2s 0s, visibility 0s 0s;
    transition: opacity 0.2s 0s, visibility 0s 0s;
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap; }
    .cd-slider-navigation li a.inactive {
      opacity: 0;
      visibility: hidden;
      -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
      -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;
      transition: opacity 0.2s 0s, visibility 0s 0.2s; }
    .no-touch .cd-slider-navigation li a:hover {
      opacity: .7; }
  .cd-slider-navigation li:first-of-type a {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
	#BuyNow {
	 width:auto;
	 margin-bottom:20px;}
  #BuyNow_2{
	  margin-left:auto;}
  #MList {
	margin-left: auto;
	text-align: center;
}}
  @media only screen and (min-width: 1024px) {
    .cd-slider-navigation li:first-child {
      left: 30px; }
    .cd-slider-navigation li:last-child {
      right: 30px; } }

.cd-slider-pagination {
  /* you won't see this element in the html but it will be created using jQuery */
  position: absolute;
  z-index: 2;
  bottom: 30px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  visibility: hidden; }
  .cd-slider-pagination:after {
    content: "";
    display: table;
    clear: both; }
  .touch .cd-slider-pagination {
    visibility: hidden; }
  .cd-slider-pagination li {
    display: inline-block;
    float: left;
    margin: 0 5px; }
    .cd-slider-pagination li.selected a {
      background: #f5f4f3; }
  .cd-slider-pagination a {
    display: block;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 1px solid #f5f4f3;
    /* fix a bug in IE9/10 - transparent anchor not clickable */
    background-color: rgba(255, 255, 255, 0);
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap; }

.cd-slider-wrapper .cd-close {
  display: none;
  position: absolute;
  z-index: 2;
  top: 30px;
  right: 30px;
  width: 48px;
  height: 48px;
  background: url("../img/cd-icon-close.svg") no-repeat center center;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.4s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.4s;
  transition: transform 0.3s 0s, visibility 0s 0.4s; }
  .cd-slider-active .cd-slider-wrapper .cd-close {
    visibility: visible;
    opacity: 1;
    -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s;
    -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s;
    transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s; }
  .no-touch .cd-slider-active .cd-slider-wrapper .cd-close:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  @media only screen and (min-width: 1024px) {
    .cd-slider-wrapper .cd-close {
      display: block; } }

.cd-item-info {
	padding-top: 50px;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 50px;
	
	
	
}
  .cd-item-info h2, .cd-item-info p {
	max-width: 480px;
	padding-top: 0px;
}
  .cd-item-info h2 {
    font-size: 2.1rem;
    font-weight: bold; }
  .cd-item-info p {
	line-height: 1.0em;
	margin: 1em 0;
	color: #666666;
	text-align: left;
	padding-top: 0px;
    font-size:1.1rem;
	
}
  .cd-item-info .add-to-cart {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: none;
	padding-top: 0.6em;
	padding-right: 0.6em;
	padding-left: 0.6em;
	padding-bottom: 0.6em;
	background-color: #f42e4e;
	color: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: "Itim";
	font-size: 1.6rem;
	font-weight: bold;
	cursor: pointer;
	border-radius: 6px;
}
  @media only screen and (min-width: 1024px) {
	  
	  #BuyNow { 
	  margin-bottom:10px;
	  width:100%;
	  }
    .cd-item-info {
	position: absolute;
	width: 50%;
	top: 0;
	right: 0;
	padding-top: 9px;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 0;
	margin-top: -0px;
	margin-right: -0px;
	margin-left: -0px;
	margin-bottom: -0px;
   
} }

.cd-content p {
  width: 90%;
  max-width: 768px;
  padding: 4em 0;
  margin: 0 auto;
  color: #afa8a0;
  line-height: 1.8;
}