/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen and (min-width: 320px) and (max-width: 480px) {
  
	header .top-search-holder .search-area .search-button {
		margin: 0;
		border-radius: 0 5px 5px 0;
	}
	#footer{
		padding-top:30px;
	}
	#footer .link-list-row .contact-info .social-icons{
		padding:0;
		margin:0;
	}
	#footer .link-list-row {
		margin-top:0;
	}
	
	.products-list .product-item .row .price-area{
		width:100%;
		padding-top:0;
		padding-left:93px;
		padding-bottom:10px;
	}
	.products-list .product-item .row .body-holder{
		width:69%;
		padding-bottom:0;
	}
	.availability{
		margin-top:0;
		margin-bottom:7px;
	}
	.grid-list-products{
		margin-bottom:20px;
	}
	.pagination a{
		padding:5px 12px!important;
	}
	.pagination li:last-child a{
		padding:5px 26px!important;
	}
	.top-bar > .container > div{
		margin-top:0px;
	}
	#top-megamenu-nav{
		margin-top:0;
		margin-bottom:33px;
	}
	.homepage_menu_mobile .nav li a{
		color:#FFF;
	}
	.mega-menu a{
		color:#333 !important;
	}
	
	#top-banner-and-menu{
		margin-top:0;
	}
	.grid-list-products .control-bar #popularity-sort{
		width:40% !important;
	}
	.sidebar-page .gallery-holder, .sidebar-page .body-holder{
		width:100% !important;
	}
	header .top-cart-row .top-cart-holder{
		float:right;
		margin-right:22px;
	}
	#footer .link-widget{
		margin-top:25px !important;
	}
	#footer .link-list-row .link-widget h3{
		margin-top:0;
	}
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) { 
  
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}

/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* ----------- iPad ---------- */
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)
  and (orientation: portrait) {
		
}
@media only screen 
  and (max-width: 767px) {
  .top-bar {
    border: 0;
    text-align: left !important;
  }
  .top-bar ul > li {
    display: block;
  }
  .top-bar ul > li a {
    border: 0;
    line-height: 20px;
    position: relative;
    display: block;
    padding: 10px 15px;
  }
  .top-bar ul > li:first-child a {
      padding: 10px 15px;
  }
  .top-bar .navbar-collapse {
    padding-left: 15px;
    padding-right: 15px;
    max-height: 600px;
    overflow-y: auto;
  }
  header {
    padding-top: 67px;
    border-bottom: 0;
  }
  #owl-main .item {
    height: 53.3333333333333vw;
    background-color: transparent;
    background-position: center 50%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #products-tab {
    margin: 7px 0 20px 0;
  }
  #top-megamenu-nav {
    margin-bottom: 0;
  }
  #single-product .body-holder {
    padding: 0 15px;
  }
  #single-product .body-holder .body {
    background: #fff;
    padding: 15px !important;
  }
}
@media only screen 
  and (max-width: 991px) {
    #single-product-tab .tab-pane {background: #fff;}
}
iframe {
  width: 100% !important;
}
@media only screen 
  and (min-width: 768px) {
  #owl-main {background: transparent !important; }
  #owl-main .owl-item { height: auto !important; }
  #owl-main .item {
    height: 270px;
    background-position: center 50%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;

  }
}
@media only screen 
  and (min-width: 992px) {
    #owl-main .item {
      height: 425px;
    }
  }
  @media only screen 
  and (min-width: 1200px) {
    #owl-main .item {
      height: 525px;
    }
  }