/* custom file  */

@media only screen and (max-width: 767px) {   
    .topbar-child2 {
        display: none !important;
    }
}

.wrap_header {
    display: block !important;
}

ul.ruby-menu > li > a {
    background: #F0F0F0 !important;
}

div.ruby-wrapper,
div.ruby-wrapper.ruby-vertical {
  background: #f0f0f0 !important;
  color: #222 !important;
}

.c-hamburger--htx {
    background-color: #f0f0f0 !important;
}

.ruby-menu .ruby-menu-dividers {
    border: 0 0 0 0 !important;
}

ul.ruby-menu.ruby-menu-dividers > li > a,
ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a {
  border-left: 0px solid #ddd !important;
  border-right: 0px solid #fff !important;
  border: none !important;
}

ul.ruby-menu > li > a:hover,
ul.ruby-menu > li:hover > a,
ul.ruby-menu > li.ruby-active-menu-item > a:hover,
ul.ruby-menu > li.ruby-active-menu-item:hover > a {
  color: #e65540 !important;
}

.c-hamburger {
    background-color: #e65540 !important;
}


ul.ruby-menu > li.ruby-menu-mega:hover > div, 
ul.ruby-menu > li.ruby-menu-mega-blog:hover > div, 
ul.ruby-menu > li.ruby-menu-mega-shop:hover > div {
    z-index: 99 !important;
}

.imgLogo {
    height: 80px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.imgLogoFixed {
    padding-top: 0;
    padding-bottom: 0;
    max-height: 50px !important;
}

.cs_no-padding {
    padding-left: 0;
    padding-right: 0;
}

.carousel-bt-caption {
    width: 20% !important; 
    margin-left:40% !important;
}

@media (min-width: 375px) {
    .carousel-caption {
        text-align: center !important;
        top: 20% !important;
        transform: translateY(-50%) !important;
    }
    .carousel-bt-caption {
        width: 50% !important; 
        margin-left:25% !important; 
    }
}
@media (min-width: 576px) {
    .carousel-caption {
        text-align: center !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }
    .carousel-bt-caption {
        width: 50% !important; 
        margin-left:25% !important; 
    }
}

@media(min-width: 768px) {
    .carousel-caption {
        text-align: center !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }
    .carousel-bt-caption {
        width: 50% !important; 
        margin-left:25% !important; 
    }
}

@media(min-width: 800px) {
    .carousel-caption {
        top: 70% !important;
    }
}

/* Firefox */
input[type='number'] {
    -moz-appearance:textfield;
}

/* Webkit browsers (Safari, Chrome) */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}