/*////////////////////////////////////////////////////////////////////////////////////////////*/


/* RESPONSIVE CSS */


/*////////////////////////////////////////////////////////////////////////////////////////////*/

@font-face {
    font-family: 'AvenirLTStd-Book';
    src: url('../font/AvenirLTStd-Book.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@media (max-width:1550px) {
    html .img-hover-effect img {
        margin-top: 0px;
    }
}


/* 768 x 1024 (Laptop) */

@media (min-width:992px) and (max-width:1199px) {
    .my-grid__h_x1{
        height: 235px;
    }
    .box-text {
        height: 242px;
    }
    .my-grid__h_x1_5 {
        height: 350px;
    }
    .new_mobileimg{
        height: 192px;
    }
    .my-grid__h_x2 {
        height: 470px;
    }
    .box-title_mod-e {
        height: 120px;
    }
    .my-grid__m_x0_5 {
        margin-top: -130px;
    }
    .box-text {
        padding: 27px 40px;
    }
    .box-text:after {
        right: 20px;
        bottom: 30px;
    }
    .reviews-slider .item {
        padding-top: 15px;
        padding-bottom: 40px;
    }
    .reviews-slider__review {
        padding-right: 0;
    }
    .goods-slider .slider__left {
        padding: 20px 10px 20px 20px;
    }
    .goods-slider .slider__right {
        height: 240px;
    }
    .reviews-slider__pruning {
        height: 171px;
    }
    .list-catalog__item {
        width: 32.9%;
    }
}


/* end min-width:992px and max-width:1199px */




/* end max-width:1199px */


/* 1024 x 1366 (iPad_Pro - Portrait) */

@media (max-width:1024px) {
    .footer .footer-title {
        margin-bottom: 24px;
        font-size: 18px;
    }
    .footer address{
        font-size: 12px;
    }
    .our-client-slide .our-client-slide__description img{
        height: 90px;
    }
    .top-line__inner {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
    }
    .log_sign {
        padding-bottom: 28px;
    }

}




/* end max-width:1024px */


/* 375 x 812 (iPhoneX - Portrait) */

@media (max-width: 415px) {
    html .top-line__inner {
        left: -10px;
        position: relative;
        top: 0;
    }
}


/* end max-width:375px */


/* 768 x 1024 (iPad - Portrait) */




/* end max-width:991px */

@media (max-width:991px) and (min-width:768px) {
    .my-grid__h_x1,
    .box-text {
        height: auto;
    }
    .my-grid__h_x1 {
        height: 218px;
    }
    .my-grid__h_x1 .box-img img {
        height: 235px;
    }

    .my-grid__h_x1_5 {
        height: 281px;
    }
    .my-grid__h_x1_5 .box-img img {
        height: 281px;
    }
    .my-grid__h_x2 {
        height: 435px;
    }
    .my-grid__h_x3 {
        height: 435px;
    }
    .my-grid__h_x2 .box-img img {
        height: 435px;
    }
    .box-title_mod-e {
        height: 95px;
    }
    .my-grid__m_x0_5 {
        margin-top: -94px;
    }
    .box-text {
        padding: 20px 30px 20px 20px;
    }
    .box-text:after {
        right: 20px;
        bottom: 30px;
    }
    .box-title_mod-e .box-title__name,
    .box-title_mod-f .box-title__name {
        font-size: 15px;
    }
    .box-title__other {
        font-size: 30px;
        top: 10px;
    }
    .box-title__inner_mod_c .box-title__name {
        font-size: 37px;
    }
    .goods-slider .slider__right {
        height: 188px;
    }
    .reviews-slider .item {
        padding: 10px 0 10px 30px;
    }
    .goods-slider__pruning {
        height: auto;
    }
    .reviews-slider .slider__left {
        width: 60%;
    }
    .reviews-slider .slider__right {
        width: 40%;
    }
    .reviews-slider__avatar {
        width: 110px;
        height: 110px;
        margin-left: 20px;
        margin-top: -85px;
        border-width: 4px;
    }
    .reviews-slider__review {
        padding-right: 5px;
        font-size: 14px;
    }
    .reviews-slider__pruning {
        height: 145px;
    }
    .owl-theme_mod-c .owl-controls {
        padding-right: 10px;
        text-align: center;
        bottom: -15px;
    }
    .list-catalog__item {
        width: 49.9%;
    }
    .card-btns__add {
        margin-right: -3px;
        font-size: 14px;
        padding-top: 16px;
        padding-bottom: 15px;
    }
    .nav-tabs > li > a {
        padding-left: 30px;
        padding-right: 30px;
    }
   
    .footer-contacts .icon {
        float: none;
        display: inline-block;
    }
    .footer-contacts__inner {
        display: inline-block;
        margin-left: 10px;
    }
    .product-description {
        padding-top: 25px;
    }
    .nav-tabs > li {
        float: none;
        width: 100%;
    }
    .form-letter {
        margin: 30px auto;
        width: 78%;
        height: 60px;
        left: 10%;
    }
}


/* end max-width:991px and min-width:768px */

@media (max-width: 420px) {
    .input-group {
        right: 0%;
    }
    .forgot_pass {
        width: 100%
    }
    .input-group-btn {
        background-color: #fff;
    }
}

@media (max-width: 320px) {
    html .top-line__inner {
        left: -10px;
        position: relative;
        top: 0;
    }
}

@media (min-width:801px) and (max-width:1024px) {
    .veryfy_model {
        width: 50%;
    }
}

@media (max-width:800px) {
    .header-bottom {
        display: none;
    }
    .search-widget2 {
        display: block;
    }
}


@media(max-width:1366px) {
    .search_bar .search-widget {
        margin-left: 18% !important;
        position: absolute;
    }
}

@media(max-width:1280px) {
    .search_bar .search-widget {
        margin-left: 6% !important;
        position: absolute;
    }
}



@media (min-width:801px) {
    .header-bottom {
        display: block;
    }
    .search-widget2 {
        display: none;
    }
}

@media (max-width:360px) {
    .flipbook_cataloge {
        width: 461px;
        height: 600px;
        background-color: #000;
        position: absolute;
        top: 15.8%;
        right: 25.1%;
        z-index: 9;
    }
    .flip_book {
        left: 2%;
    }
}

@media (min-width:325px) and (max-width: 360px) {
    html .top-line__inner {
        left: -10px;
        position: relative;
        top: 0;
    }
    .input-group {
        right: 0%;
    }
    .input-group.ico_search {
        right: -100%;
    }
    .input-group-btn {
        background-color: #fff;
    }

    .top-line__inner nav {
        padding-left: 0;
        font-weight: 500;
        float: left;
        font-size: 15px;
        position: relative;
        top: -2px;
        color: #000;
        font-family: 'AvenirLTStd-Book', sans-serif;
        left: -2%;
    }
    .ui-title-page {
        height: 185px;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 65px;
        font-family: 'AvenirLTStd-Book', sans-serif;
        font-size: 40px;
        color: #fff;
        background: url(../media/title-page/1.jpg);
        text-align: center;
        position: relative;
        z-index: 77;
    }
}

@media (max-width:800px) {
    .banner_slider {
        display: none;
    }
}

@media (max-width:759px) {
    .sign {
        width: 70%;
        padding: 2%;
        padding-top: 20px;
        padding-bottom: 40px;
        position: absolute;
        float: right;
        text-align: center;
        z-index: 9000;
        background-color: #fff;
        box-shadow: 0 1px 10px rgba(0, 0, 0, .08);
        /* left: 166px; */
        right: 14px;
    }
}

@media(min-width:760px) and (max-width:768px) {
    .sign {
        width: 50%;
        padding: 2%;
        padding-top: 20px;
        padding-bottom: 40px;
        position: absolute;
        float: right;
        text-align: center;
        z-index: 9000;
        background-color: #fff;
        box-shadow: 0 1px 10px rgba(0, 0, 0, .08);
        right: 14px;
    }
}

@media(min-width:1025px) and (max-width:1280px) {
    .top-line__inner {
        position: absolute;
        top: 26px;
        right: 55px !important;
    }
    .log_sign {
        padding-bottom: 25px;
    }
}

@media (min-width:769px) and (max-width:800px) {
    .modal-dialog {
        width: 80%;
    }
    .log_sign {
        padding-bottom: 27px;
    }
    html .top-line__inner {
        left: -10px;
        position: relative;
        top: 0;
    }
}






/* end max-width:767px */

@media (max-width:767px) and (min-width:480px) {
    blockquote {
        margin: 35px;
        padding: 30px 50px;
        line-height: 1.7;
    }
    .footer-contacts {
        margin-left: 0;
        margin-right: 0;
    }
    .form-letter {
        margin: 56px auto;
        width: 78%;
        height: 40px;
        left: 10%;
    }
    .section-letter {
        margin: 20px auto;
    }
}

.flip-wrap .flip_book .page {
    background-size: cover !important;
    background-position: center;
}


/*320 x 480 (iPhone)*/

@media (max-width: 767px) {
    html .top-line__inner {
        left: -10px;
        position: relative;
        top: 0;
    }
    .about-page-wrap {
        padding: 0;
    }
    .about-page-wrap h2 {
        font-size: 18px;
    }
    .flipbook_cataloge {
        width: 100%;
        height: 200px;
        position: relative;
        top: 0;
        right: 0;
    }
    .flipbook_img {
        top: 50%;
        left: 50%;
        margin-top: -32px;
        margin-left: -32px;
    }
    .flip-wrap {
        margin-bottom: 30px;
    }
    .flip-wrap .flip_book {
        width: 280px !important;
        height: 181px !important;
        margin: 0 auto !important;
        left: 0;
    }
    .flip-wrap .flip_book .page {
        background-size: cover !important;
        background-position: center;
    }
    #catalogDiv {
        width: 200px;
        height: 80px;
    }
}

@media (max-width:480px) {
    html .box-title_mod-e .box-title__name,
    .box-title_mod-f .box-title__name {
        font-size: 18px;
        line-height: 1.4;
    }
    html .top-line__inner {
        left: -10px;
        position: relative;
        top: 0;
    }
    html .box-title__subtitle {
        font-size: 17px;
    }
    html .sp-slides-container {
        margin-top: 0px;
        position: relative;
    }
    html .navbar-search {
        width: 147px;
    }
    .top-line__inner nav {
        color: #000;
    }
    .hamburger .hamb-top,
    .hamburger .hamb-middle,
    .hamburger .hamb-bottom {
        background-color: #000 !important;
    }
    html .carousel-product .slides li {
        width: 43px !important;
    }
    .goods-slider .slider__left {
        padding-top: 40px;
    }
    .slider__left,
    .slider__right {
        width: 100%;
        height: auto;
        float: none;
    }
    .reviews-slider .item {
        padding-left: 30px;
        padding-right: 30px;
    }
    .reviews-slider__review {
        padding-right: 0;
    }
    .main-slider__title {
        font-size: 35px;
    }
    .main-slider__btn {
        padding: 10px 20px;
        font-size: 14px;
    }
    .box-title__inner,
    .box-title__other {
        padding: 20px 15px 10px;
    }
    .owl-theme_mod-a .owl-controls {
        display: none!important;
    }
    .product-search {
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .product-search__field {
        width: 150px;
        padding: 3px 15px;
        opacity: 1;
    }
    .goods-slider .row {
        margin: 0;
    }
    .goods-slider .slider__left {
        padding-top: 0;
    }
    .goods-slider .my-grid__col {
        float: left;
        width: 50%;
        margin-bottom: 20px;
    }
    .goods-slider__pruning {
        /* height: 200px; */
        padding: 0 10px;
    }
    .goods-slider__description {
        padding: 5px;
    }
    .goods-slider__description img {
        width: auto;
        height: 80px;
        max-width: 100%;
    }
    .reviews-slider__pruning {
        height: 147px;
    }
    .box-title__inner_mod_c .box-title__name,
    .box-title__inner_mod_d .box-title__name {
        font-size: 37px;
    }
    .form-letter {
        margin: 70px auto;
        width: 78%;
        height: 35px;
        left: 10%;
    }
    html .pagination {
        text-align: center;
    }
    .section-letter {
        height: auto;
        margin: 20px auto;
    }
    .cart-goods .rating {
        display: block;
    }
    .cart-goods__price-new,
    .cart-goods__price-old,
    .cart-goods__label {
        display: block;
        margin-bottom: 10px;
    }
    .cart-goods__label,
    .cart-goods__price-old {
        margin-left: 0;
    }
    .link-back {
        margin-top: 10px;
    }
    .entry-media {
        width: 100%;
    }
    .post .entry-media {
        width: 100%;
    }
    .post .entry-title {
        font-size: 18px;
        padding-bottom: 20px;
        line-height: 1.2;
    }
    blockquote {
        margin: 15px;
        padding: 20px 35px;
        line-height: 1.5;
    }
    .list-social_mod-c {
        border: none;
        text-align: center;
    }
    .list-social_mod-c .list-social__link,
    .list-social_mod-c .list-social__item:last-child .list-social__link {
        border: 1px solid #ECECEC;
    }
    .list-social_mod-c .list-social__item {
        margin-left: 5px;
        margin-bottom: 5px;
    }
    .comment .avatar-placeholder {
        position: relative;
    }
    .comment .comment-header {
        margin-left: 0;
        margin-top: 20px;
    }
    .comment .comment-body {
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }
    html .card-btns__btn {
        width: 26px;
    }
    html .enumerator input {
        width: 38px;
    }
    .enumerator {
        margin: 30px auto;
    }
    .sp-previous-arrow::before,
    .sp-previous-arrow::after,
    .sp-next-arrow::before,
    .sp-next-arrow::after {
        display: none !important;
    }
    html .header {
        margin-left: 15px;
        margin-right: 15px;
    }
    .flex-direction-nav {
        display: none !important;
    }
    html .section-cart-goods {
        padding-left: 0;
        padding-right: 0;
    }
    html .cart-goods__main,
    html .tab-content {
        padding-left: 20px;
        padding-right: 20px;
    }
    html .enumerator {
        margin-top: 20px !important;
    }
    html .post .footer-panel .block-links {
        float: none;
    }
}

@media (max-width:414px) {
    .form-letter {
        margin: 75px auto;
    }
}

@media (max-width:375px) {
    .form-letter {
        margin: 80px auto;
    }
}

@media (max-width:320px) {
    .form-letter {
        margin: 85px auto;
    }
}

@media (min-width:320px) and (max-width:1024px) {
    .new_header {
        padding: 5px 0;
    }
    .new_menu .top_menu .menus ul li {
        display: inline-block;
        padding: 10px 10px;
        line-height: 17px;
    }
}

@media (min-width:320px) and (max-width:768px) {
    .product-listing-page .breadcrumb-wrap .breadcrumb {
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
    }
    .sorting {
        float: left;
        margin-bottom: 20px;
    }
    .product_name h2 {
        font-size: 20px;
    }
}



@media (max-width:1199px) {
    
    .header .top-line__inner * {
        color: #000;
    }
    .footer-block .btn {
        margin-left: auto;
        margin-right: auto;
    }
    .rating {
        padding-left: 0;
    }
    .list-goods__price {
        display: block;
    }
    .business-form-holder .account li{
        font-size: 13px;
    }
}


@media (max-width:1024px) {
    .search_bar .search-widget {
        margin-left: -10% !important;
        position: absolute;
    }
    .inner-page{
        padding: 70px 0 40px; 
    }
}

@media (max-width:991px) {
    .business-form-holder .account li{
        padding: 0 5px;
        font-size: 10px;
    }
    .business-form-holder h1{
        font-size: 18px;
        margin-bottom: 20px;
    }
    #distributor p, #export p, #franchise p{
        font-size: 13px;
    }
    #franchise h3{
        font-size: 18px;
    }
    #distributor h2, #export h2, #franchise h2{
        font-size: 20px;
    }
    #franchise h4{
        font-size: 20px;
        margin-bottom: 0;
    }
    .footer-top{
        width: 100%;
    }
   .box-title__name{
    font-size: 14px;
   }

   .footer-bottom{
        padding: 0;
        margin-top: 30px;
   }
    .our-client-slide .our-client-slide__description img{
        height: 60px;
    }
    
    html .top-line__inner {
        left: -10px;
        position: relative;
        top: 0;
    }
    .goods-slider .slider__left {
        padding: 0 0px 0px 0px;
    }
    .goods-slider__title {
        margin-bottom: 10px;
    }
  
    .blog-wrap .post .entry-main{
        margin-left: 50%;
        padding-left: 15px;
    }
    .blog-wrap .post .entry-media{ 
        width: 50%;
    }
    .blog-wrap .post .entry-title{
        font-size: 15px;
        padding-bottom: 20px;
        margin-bottom: 0;
    }
    .blog-wrap  .post .entry-content{
        margin-top: 15px;
    }   
    .blog-wrap .post .entry-content{
        font-size: 11px;
        line-height: 18px;
    }
    .blog-wrap .post_mod-b:nth-child(even) .entry-main{
        margin-left: 0;
        margin-right: 50%;
        padding-left: 0;
        padding-right: 15px;
    }
    .footer-block-wrap{
        display: -webkit-flex; /* Safari */
      -webkit-flex-wrap: wrap; /* Safari 6.1+ */
      display: flex;   
      flex-wrap: wrap;
    }
    .footer-block {
        padding-bottom: 0;
        text-align: left;
        display: block;
        width: 50%;
        border-right: none;
    }

}
@media (min-width:768px) and (max-width:770px) {
	.new_mobileimg {
		height: 185px !important;
	}
}

@media (max-width:767px) {
    .product-listing-page .productcard .product_detail .quick-btn span{
        opacity: 1;
        visibility: visible;
    }
    .certificates-wrap{
        padding-bottom: 0;
    }
    .get-touch-wrap{
        padding: 20px 0 0;
    }
    .business-form-holder >div{
        padding: 0;
    }
    .blog-wrap .post .entry-media{
        width: 100%;
        float: none;
    }
    .blog-wrap .post .entry-main{
        margin: 0 !important;
        padding: 10px 0 0 !important;
    }
    .post:last-child {
        margin-bottom: 0;
    }
    .home-page-banner .caption .headline{
        font-size: 26px;
    }
    .home-page-banner .caption .subtitle{
        font-size: 14px;
    }
    .our-client-slide .col-md-3{
        float: left;
        width: 25%;
    }

    .our-latest-pro-wrap .col-md-3{
        float: left;
        padding: 15px;
        width: 50%;
    }
    html .top-line__inner {
        left: -10px;
        position: relative;
        top: 0;
    }
    .parallax-effect.img-hover-effect img {
        top: 0 !important;
    }
    html .goods-slider__inner {
        bottom: 5px;
    }
    html .goods-slider .owl-buttons {
        margin-right: 3%;
    }
    html .post_mod-b {
        padding-left: 0;
        padding-right: 0;
    }
    html .post_mod-b:nth-child(2n+1) .box-date-post {
        left: 0;
    }
    html .post_mod-b:nth-child(2n) .box-date-post {
        right: 0;
    }
    html .post_mod-c .box-date-post {
        left: 0;
        margin-left: 0;
        top: 0;
    }
    html .section-blog-post {
        margin-left: 0;
        margin-right: 0;
    }
   
    .product-description {
        padding-top: 25px;
    }
    .my-grid__h_x1,
    .box-text,
    .my-grid__h_x1_5,
    .my-grid__h_x2,
    .box-title_mod-e {
        height: auto;
    }
    .my-grid__m_x0_5 {
        margin-top: 0;
    }
    .my-grid__col img {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .my-grid__col-right {
        float: none;
    }
    .nav-panel {
        padding-left: 15px;
        padding-right: 15px;
    }
    .ui-title-block {
        margin-top: 0;
    }
    .box-title__categories.arrow-right:after,
    .box-title__categories.arrow-left:after {
        content: '\f3d4';
    }
    .box-title__other {
        position: relative;
        top: 0;
        background-color: #71383E;
        color: #fff;
    }
    .box-title__inner{
        padding: 0;
    }
    .box-title__other {
        padding: 30px 15px;
    }
    .box-text {
        padding: 10px 30px;
    }
    .box-text:after {
        right: 30px;
        bottom: 30px;
    }
    .section-home-grid {
        background-color: #BCBCBC;
    }
    .goods-slider {
        border-top: 2px solid #eee;
    }
    .goods-slider .slider__right {
        height: auto;
    }
    .main-slider .item-wrap {
        top: 60px;
        left: 3%;
    }
    .main-slider__btn {
        padding: 15px 40px;
    }
    .main-slider__title {
        font-size: 47px;
    }
    .list-catalog__item {
        margin: 25px 0 0;
        max-width: 290px;
        width: 100%;
    }
    html .categories-number {
        margin-top: -15px;
    }
    .nav-tabs > li {
        float: none;
        margin: 0;
        text-align: center;
    }
    .cart-goods__main {
        padding-left: 15px;
        padding-right: 15px;
    }
    .cart-goods__slider {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .post {
        margin-left: 0;
        margin-right: 0;
    }
   
   
    .section-blog-post {
        margin-left: 15px;
        margin-right: 15px;
    }
    .footer-social {
        float: none;
        margin-top: 10px;
        padding-right: 0;
        text-align: center;
    }
    .copyright {
        float: none;
        padding-left: 0;
        text-align: center;
    }
    .footer-contacts {
        text-align: left;
    }
}
@media (min-width:600px) and (max-width:641px){
    
}
@media (min-width:411px) and (max-width:414px){
    
}
@media (min-width:480px) and (max-width:500px){
    
}
@media (max-width:585px){

    .quick-modal-wrap .modal-dialog {
            width: 90%;
    }
    .quick-pro-details-wrap .product_name h2{
        font-size: 16px;
        line-height: normal;
    }
    .quick-pro-details-wrap .product_size p{
        font-size: 12px;
        line-height: 20px;
    }
    .our-client-slide .our-client-slide__description{
        padding: 5px 5px;
        margin: 10px 0;
    }
    .our-client-slide .col-md-3{
        width: 50%;
    }
    .footer-block-wrap{
        display: block;

    }
    .footer-block{
        width: 100%;
    }
    .home-page-banner .caption{
        position: static;
/*        background-color: #666;*/
        padding: 20px 0;
    }
    .home-page-banner .caption .headline{
        font-size: 20px;
    }
    .home-page-banner .caption .subtitle{
        font-size: 12px;
    }

    .carousel-indicators{
        z-index: 1;
        bottom: 0;
        margin-bottom: 0;
    }
    .our-latest-pro-wrap .latest-pro-box{
        height: 110px;
    }
    .new_slide .item{
        height: 200px;
    }
}