/* Responsive */

/* HIDES */
@media only screen and (min-width: 769px){
  .hide-element-xl {display:none;}
  .nav-1 .mega-wrapper {
      padding:10px; page-break-inside: avoid; /* For Firefox. */
      -webkit-column-break-inside: avoid; /* For Chrome & friends. */
      break-inside: avoid; /* For standard browsers like IE. :-) */
  }
  .cd-dropdown.nav-1 .mega-wrapper .mega-wrapper-title {color:#c7153b!important;}
  #collection-content .col-md-2.col-xs-6 .product-info-title {height:70px;}
}

/* COL corrections */
@media (min-width: 992px) {
#collection-content .col-md-2 {width: 25%;}
}
@media (min-width: 1200px) {
#collection-content .col-md-2 {width: 20%;padding-left: 5px;padding-right: 5px;}
}
@media (min-width: 1920px) {
#collection-content .col-md-2 {width: 16.66666667%;}
}

@media(max-width:768px){
    .hide-element-xs {display:none;}
    .container-divje.pr30 {padding-right:0px;}
    .slide-caption__title {font-size: 20px;font-weight: inherit;margin-bottom: 10px;}
    #owl-demo .sliderbutton {font-size: 12px;}
    .owl-dots {display:none;}
    .slide-caption {width:100%}
    #homepage-banner-2 .banner-1 {height: inherit;}
    .banner-nopadding .banner-1 {height: inherit;}
    #homepage-banner-2 .banner-2 {height: inherit;}
    .banner-nopadding .banner-2 {height: inherit;}
    .newsletter {padding-bottom:30px;}
    .socialdiv.alignright{text-align: center;}
    .scrollup {right: 10px;}
    .payment-wrapper {padding-top:30px;text-align: center;}
    
    /* header*/
    .cd-dropdown-wrapper { display: block;position: relative;height: 40px;margin: 15px 0 0 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
    .cd-dropdown-trigger {width: 100%;}
    .shrink .cd-dropdown-wrapper {height: inherit;margin-left: 0px;margin-top: 15px;margin-bottom: 15px;}
    .header-2 {padding-top: 156px;}
    #product-header {display:none;}
}

    /* MEGAMENU adjustments */
@media only screen and (min-width: 1024px){
  /* OLD
    .cd-dropdown-content .morecategories .cd-secondary-dropdown > li {margin: 10px 0;padding: 0 10px;width: 165px; float: inherit;}
    .cd-dropdown-content .morecategories .cd-secondary-dropdown {-webkit-column-count: 4; -moz-column-count: 4; column-count: 4; width: 700px;}*/

  .cd-dropdown-content .morecategory .cd-secondary-dropdown {overflow: hidden;width: 750px;padding-bottom: 65px;}
  .cd-dropdown-content .morecategory .cd-secondary-dropdown > li {width: 25%;float: left; margin: 10px 0;padding: 0 10px;}
  .cd-dropdown-content .morecategory .cd-secondary-dropdown > li.see-all {width: 100%;}
  .cd-dropdown-content .morecategory .cd-secondary-dropdown li.see-all a {font-size: 1.4rem;}
}

/* ------------- Large desktops and laptops ------------- */
@media (min-width: 1200px) {
    .cd-dropdown-content {overflow-y:auto; max-height:440px;}
    .cd-secondary-dropdown {overflow-y:auto!important; max-height:640px!important;}
    .blog-caption {min-width: 250px;}
}

/* ------------- Landscape tablets and medium desktops ------------- */
@media (min-width: 992px) and (max-width: 1199px) {
    .blog-caption {min-width: 200px;}
}

/* ------------- Portrait tablets and small desktops ------------- */
@media (min-width: 768px) and (max-width: 991px) {
    .owl-carousel {padding-top: 54px;}
	.col-md-4.col-sm-6.col-xs-12.header-1-buttons {padding-right: 30px;}
}

/* ------------- Landscape phones and portrait tablets ------------- */
@media (min-width: 481px) and (max-width: 768px) {
    #homepage-banner-2 .banner-1 .slide-caption {top: 50%;left: 50%;max-width: 300px;}
    #homepage-banner-2 .banner-2 .slide-caption {top: 50%;left: 50%;max-width: 300px;}
    #homepage-banner-3 .banner-background-image-1 {height: 400px;}
    #homepage-banner-3 .banner-1 .slide-caption {left: 50%;}
    #homepage-banner-3 .banner-2 .slide-caption {left: 50%;}
    #homepage-banner-3 .banner-3 .slide-caption {left: 50%;}
    .banner-image .slide-caption {width: 80%;}
    #homepage-banner-3 .banner-2 .slide-caption__title {font-size: 2rem;}
    #homepage-banner-3 .banner-3 .slide-caption__title {font-size: 2rem;}
    #homepage-banner-4 .banner-1 .slide-caption {left: 50%;}
  	#homepage-banner-4 .banner-2 .slide-caption {left: 50%;}
  	#homepage-banner-4 .banner-3 .slide-caption {left: 50%;}
  	#homepage-banner-4 .banner-4 .slide-caption {left: 50%;}
}

/* ------------- Portrait phones and smaller -------------  */
@media (max-width: 480px) {
    /* header*/
    .cd-dropdown-wrapper {margin-top:15px;margin-bottom:0px;margin-left:0px;margin-right:0px;width: 100%;}
    .shrink .cd-dropdown-wrapper {margin-top:15px;margin-bottom:15px;margin-left:0px;margin-right:0px;width: 100%;}
    .cd-dropdown-trigger {width: 100%;}
    #currency-and-language .currency-and-language-wrapper {position: absolute;top: inherit;margin-top: 60px;width: inherit;margin-left: inherit;}
    #shopping-cart .shopping-wrapper {position: absolute;top: inherit;margin-top: 60px;width: inherit;margin-left: inherit;}
    #search .search-wrapper {position: absolute;top: inherit;margin-top: 60px;width: inherit;margin-left: inherit;}
    #search .search-btn {padding: 15px 10px;}
    #search input[type="search"] {width: 240px;}

    /* Slider */
    .slide-1 .slide-caption {left: 50%;}
    .slide-2 .slide-caption {left: 50%;}
    .slide-3 .slide-caption {left: 50%;}
  
    /* Product info */
    .product-info-title a {font-size: 12px;}
    #index-products .col-xs-6 {padding-right: 5px; padding-left: 5px;}
    
    .container-divje {display: flex;height: inherit;padding-bottom:10px;align-items: center;justify-content: center;}

    /* Logo */
    .header-1-logo img {max-width:100%;height: inherit;}
    .header-1-logo {height: 100px;display: flex;align-items: center;justify-content: center;}
  
    /* Top navigation disabled on mobile */
    .top-navigation {display: none!important;}
    .navbar-fixed-top {top:0px;}
    .header-1 {padding-top: 206px;}
    .fixed .header-1 {padding-top: 206px;}
    .header-2 {padding-top: 206px;}
    .header-3 {padding-top: 206px;}
    .header-4 {padding-top: 206px;}

    /* banners */
    #homepage-banner-2 .banner-1 .slide-caption {top: 50%;left: 50%;max-width: 300px;}
    #homepage-banner-2 .banner-2 .slide-caption {top: 50%;left: 50%;max-width: 300px;}
    #homepage-banner-3 .banner-background-image-1 {height: 400px;}
    #homepage-banner-3 .banner-1 .slide-caption {left: 50%;}
    #homepage-banner-3 .banner-2 .slide-caption {left: 50%;}
    #homepage-banner-3 .banner-3 .slide-caption {left: 50%;}
  	#homepage-banner-4 .banner-background-image-1 {height: 400px;}
    #homepage-banner-4 .banner-1 .slide-caption {left: 50%;}
  	#homepage-banner-4 .banner-2 .slide-caption {left: 50%;}
  	#homepage-banner-4 .banner-3 .slide-caption {left: 50%;}
  	#homepage-banner-4 .banner-4 .slide-caption {left: 50%;}
    .banner-image .slide-caption {width: 80%;}
  
    /* blog */
    .blog-caption {min-width: 140px;}
    .blog-caption-title {font-size: 12px;}
    /* footer */
    #footer li {padding-bottom: 10px;padding-top: 10px;}

    .ribbon2 span {font-size: 10px;line-height: 50px;width: 50px;height: 50px;}
    .ribbon2 span::before {border-top:none!important;}
    .ribbon2 span::after {border-top:none!important;}
    .quantity .plus, .quantity .minus {display: none!important;}
}

@media only screen and (max-width: 768px) {
    .cd-dropdown h2 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}