@media only screen and (min-width:1px) and (max-width:1280px){
    .footer .text .right_text {
        float: none;
        text-align: left;
        margin-top: 15px;
    }
    
        .footer .text .left_text {
        float: none;
        margin-top: 0px;
    }
    
    .footer {
    padding: 20px 10px 50px 90px;
    }
}

@media only screen and (min-width:1px) and (max-width:1200px){ 
    .main .family .family_text {
    padding: 0px 450px 0px 300px;
    }
    
    .main .family.left .family_text {
        padding: 0px 100px 0px 0px;
        overflow: visible;
        margin: 0px 0px 0px 600px;
    }   
    
    .top-area {
        background: #15427f;
        overflow: hidden;
        position: relative;
        padding: 150px 0px 200px 0px;
    }
    
    .content.history {
        position: relative;
        padding: 250px 0px 200px 0px;
        margin: -200px 0px 100px 0px;
    }
    
    .timeline .page_content {width: 40%;}
    .family_product_text {width: 40%;}
}

@media only screen and (min-width:1px) and (max-width:1100px){ 
    
    .main .family .family_text {
        padding: 0px 400px 0px 250px;
    }
    
    .main .family.left .family_text {
        padding: 0px 100px 0px 0px;
        overflow: visible;
        margin: 0px 0px 0px 500px;
    }  
    
    .wrapper {
        margin: 0 auto;
        width: 900px;
    }
    
    .timeline_wrap {
        margin: 0 auto;
        width: 900px;
    }
    
    .product_fam {margin: 0 auto;
        width: 900px;}
    
    .main .family .family_text .line {
        left: 400px;
    }
    
    .hex_product.right {
        float: left;
        margin-left: -125px;
    }
    
    .hex_product {
    margin: 30px 0px;
        margin-top: 30px !important;
    }
    
    .hex_product.last {
    margin-bottom: 0px;
    }
    
    #svg {display: none;}

    
    .hex_product.bottom_marg {
        margin-bottom: 30px;
        margin-top: 30px;
    }
    
    .hex_product.top_marg {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    
    .hex_product.left {
        left: auto;
        margin-left: -125px;
    }
    
    .hex_title.left {
    left: -442px;
}
    
    .access_wrap:hover img {transform: scale(1.0);}

.accessorie_photo:hover img {
    opacity: 1;
}

.access_text {
    position: initial;
    bottom: 0px;
    color: #000;
    left: auto;
    opacity: 1;
    margin: 30px 0px 0px 0px;
   width: 60%;
}

.accessorie_photo h2 {
    color: #000;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    display: block;
}
    
.accessorie_photo p {
    line-height: 22px;
    margin: 16px 0px;
}

.accessorie_photo:hover {
    background-color: transparent;
}
    
.section .hex_title .image_hex_wrap {
    width: 50%;
}


.section .hex_title .rec_image_wrap {
    width: 600px;
}

    
}

@media only screen and (min-width:1px) and (max-width:1000px){ 
    
    .wrapper {
        margin: 0 auto;
        width: 700px;
    }
    
    .timeline_wrap {
        margin: 0 auto;
        width: 700px;
    }
    
    .product_fam {margin: 0 auto;
    width: 700px;}

    
    .main .family .family_text {
        padding: 0px 400px 0px 200px;
    }
    
    .main .client-slider {
        padding: 0px 100px;
    }
    
    .timeline_content .half_img_wrap .left_img, .timeline_content .half_img_wrap .right_img {
    width: 100%;
    line-height: 0px;
    padding: 0px 0px 0px 0px !important;
}

#section2 {
    margin: 140px 0px 150px 0px;
}
    
#section4 {
    margin: 60px 0px 230px 0px;
}

#section5 {margin: 200px 0px 65px 0px;}

#section7 {margin: 60px 0px 195px 0px;}

#section8 {margin: 0px 0px 65px 0px;}

#section10 {margin: 65px 0px 0px 0px;}

#section11 {
    margin: 550px 0px 100px 0px;
}
    
#section16 {
    margin: 60px 0px 435px 0px;
}

#section17 {
    margin: 0px 0px 200px 0px;
}

#section19 {margin: 60px 0px 227px 0px;}

#section20 {margin: 0px 0px 65px 0px;}

#section22 { margin: 36px 0px 690px 0px;}

#section23 { margin: 0px 0px 65px 0px;}
    
#section25 {
    margin: 60px 0px 300px 0px;
}
    
    .hex_title.left {
        left: -342px;
    }
    
        .mobile_fmaily_content {display: block;}
    
    .family_product_text {display: none;}
    
    .product_fam .page_content {
    float: left;
    width: 40%;
}
    
    .access_wrap .text {
    font-size: 16px;
    line-height: 21px;
    }
    
    .timeline_wrap .section {
    margin: 100px 0px;
    }
    
    .timeline_wrap .section.extra_margin1 {
        margin: 50px 0px 220px 0px;
    }
    
    .timeline_wrap .section.extra_margin2 {
    margin: 150px 0px 370px 0px;
    }
    
        .mobile_menu_button {display: block;}
    
    .menu_wrap {
        position: initial;
        top: 0px;
        right: 0px;
        z-index: 1;
        background: #1a3a66;
        overflow: hidden;
        height:0px;
            -webkit-transition: all 1s ease;
    transition: all 1s ease;
    }
    
    .menu li {
        float: none;
        position: relative;
        margin: 0px 0px;
        padding: 20px 0px 25px 0px;
    }
    
    .menu li:after {display: none;}
    .menu {text-align: center;}
    
    .logo_wrap svg {
        width:170px;
    }
    
    .mobile_menu_button {
    top: 48px;
    }
    
    .header {margin-bottom: 0px; position: absolute;
z-index: 5;
transform: none;
        background: transparent;
left: auto;}
    
    .section .hex_title .rec_image_wrap {
    width: 400px;
    }
    
    .section .hex_title .rec_image_wrap img {
    margin-left: -150px;
}
}

@media only screen and (min-width:1px) and (max-width:850px){ 
    
    .main .family .family_text {
        padding: 0px 400px 0px 100px;
    }
    
    .main .family.left .family_text {
        padding: 0px 100px 0px 0px;
        margin: 0px 0px 0px 400px;
    }
    
    .main .welcome {
        margin: 50px 0px 200px 0px;
        padding: 0px 50px 0px 50px;
    }
    
    .flip-container, .front, .back {
        width: 300px;
        height: 300px;
        margin: 0px auto;
    }
    
    .front svg, .back svg {
        width: 300px;
        height: 300px;
    }
    
    .main .family .family_text .line {
        left: 200px;
    }
	
	.footer img.svg {
    position: relative;
    display: inline-block;
    left: auto !important;
	}
	
	.footer .text {
    padding-left: 0px;
	}
	
	.footer .text .left_text {
    float: none;
    margin-top: 20px;
	}
	
	.footer .text .right_text {
    float: none;
    margin-top: 12px;
    text-align: left;
	}
    
}

@media only screen and (min-width:1px) and (max-width:750px){ 
    
    .main svg.arrow_down {display: none;}
    
    .wrapper {
        margin: 0 auto;
        width: 300px;
    }
    
    .timeline_wrap {
        margin: 0 auto;
        width: 300px;
    }
    
        .product_fam {margin: 0 auto;
        width: 300px;}
    
    .top-area {
    padding: 100px 0px 100px 0px;
}
    
.bk_hex_1 {
    top: -50px;
}
    
    .flip-container, .front, .back {
        width: 250px;
        height: 250px;
        margin: 0px auto;
    }
    
    .flip-container {
    margin: 50px auto;
}
    
    .front svg, .back svg {
        width: 250px;
        height: 250px;
    }
    
    .main .family .family_text .line {
        display: none;
    }
    
    .main .family .family_img {
    display: none;
    }
    
    .main .family .family_text {
    position: initial;
        padding: 0px 0px;
        top: 0px;
    }
    
    .main .family.left .family_text {
        padding: 0px 0px 0px 0px;
        margin: 50px 0px 50px 0px;
    }
    
    .family.left {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    .main .welcome {
        margin: 0px 0px 200px 0px;
        padding: 0px 0px 0px 0px;
    }
    
    .main .family {
        margin-top: 0px;
    }
    
    .family.left {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    .bk_1 {
        width: 80%;
    }
    
    .bk_2 {
        width: 80%;
    }
    
    .main .client-slider {
        padding: 0px 50px;
        margin: 50px 0px 0px 0px;
    }
    
    .content {
    padding: 50px 0px 50px 0px;
    }
    
    .contact-fixed {
        display: none;
    }
    
    .main .news_feed {
        margin-top: 50px;    
    }
    
    .main .news_feed ul {
    padding: 0px 30px 0px 30px;
    }
    
    .main .news_feed .owl-next {
    right: 0px;
    }
    
    .main .news_feed .owl-prev {
    left: 0px;
    }
    
    .footer .text .right_text { margin-top: 15px;}
    
    .quailty_overlay {
        padding: 50px 20px 50px 20px;
    }
    
    .quailty_overlay img {
        width: 100%;
        pointer-events: none;
        height: auto;
    }
    
    .content.history {
        position: relative;
        padding: 0px 0px 0px 0px;
        margin: 50px 0px 50px 0px;
        overflow: hidden;
    }
    
    .content.history .wrapper {position: relative;}
    
    .main .history.left {
        width: 100%;
        float: left;
        padding-right: 0px;
    }
    
.main .history.middle {
    border-top: 14px solid #fff;
    top: 0px;
    left: 100%;
    margin-left: 0px;
}
    
.history_part {
    margin: 60px 0px 60px 0px !important;
}
    
#section3 {
    margin-right: 12px !important;
}
    
.main .history.left .timeline_content {
    padding-right: 20px;
}
    
.main .history.left .date_history {
    width: 75%;
}
    
.gradient {
    height: 60px;
    background-image: url('images/top_g_mobile.png');
    background-repeat: repeat-x;
}
    
.timeline .page_content {
    width: 100%;
    float: none;
}
    
.timeline_wrap .section {
    position: relative;
    margin: 0px auto !important;
    float: none;
    width: 100%;
    text-align: center;
}
    
.hex_product {
    position: relative;
    display: inline-block;
    float: none;
    clear: both;
    margin: 20px auto !important;
    width: 100%;
}
    
    .hex_title.left {
    left: 0px;
}
    
.timeline_wrap .section .main_line {
    position: absolute;
    margin-left:-4px;
    left: 50%;
    }
    
    .hex_product.right {
    float: none;
    }

        .hex_product.last {
    margin-bottom: 0px !important;
    }
    
.timeline_wrap .section h2 {
    font-size: 34px;
    line-height: 45px;
}
    
    .first_family {margin-top:0px !important;}
    
    .product_fam .page_content {
    float: none;
    width: 100%;
}

.product_fam .product.first {
    margin-top: 40px;
}

.product_fam .product {
    float: none;
    width: 100%;
    margin-top: 40px !important;
    position: relative;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.product_gallery ul li, .associated_product ul li {
    margin: 0px 0px 50px 0px;
}

.product_gallery ul li .line {
    height: 49px;
    bottom: -47px;
}

.associated_product ul li .line {
    height: 60px;
    bottom: -58px;
}

.break_line {
    margin: 40px 0px;
}

.product_fam .product .text h3 {
    font-size: 22px;
}

.associated_product ul li {
    width: 80%;
    border: 0px;
    display: inline-block;
}
    
.associated_product ul li:last-child .line {
    height: 48px;
    bottom: -45px;
}
    
    .product_gallery, .associated_product {
    margin-top: 20px;
}
    
.access {
    width: 50%;
    margin-bottom: 25px;
}
    
.access_text,.assoc_desc {
   width: 100%;
}
    
.accessorie_photo:hover {
    background-color: #fff;
}
    
.accessorie_photo:hover img {
    opacity: 1;
}
    
.news .article_content td {
    width: 100%;
    vertical-align: top;
    display: block;
}
    
.news .article_content table td:first-child {
    margin-bottom: 20px;
}
    
.hex_title {
    display: none;
}

.product_hex {
    width: 100%;
    float: none;
    text-align: center;
    position: initial;
    right: 0px;
    top: 0px;
    transform: translateY(0%);
}

.section.left .hex_product {
    float: none;
}
    
.timeline_wrap .section svg {
    margin: 0px;
    width: 100%;
}

    .timeline_wrap .product_hex h2 {display: block;}
    
    .page_content .half_wrap {width:100%;}
    
    .news .article_content td h2 {padding-right: 0px;}

.news .article_content td h3 {padding-right: 0px;}

.news .article_content td p {padding-right: 0px;}
    
    .news .article_content table {
    margin-top: 20px;
}
    
    body.page-template-template_product_force .product_fam .product.first {display: none;}
    
    .article_post .thumbnail {
    width: 100%;
    float: none;
}

.article_post .article_content {
    width: 100%;
    padding: 30px 0px 0px 0px;
    float: none;
}
    
    .gallery_view .text p {width: 100%;}
    
    .footer {
 padding: 20px 50px 50px 50px;
    }
    
}

@media only screen and (min-width:1px) and (max-width:620px){ 
    
}

@media only screen and (min-width:1px) and (max-width:400px){ 
    .wrapper {
        margin: 0 auto;
        width: 280px;
    }
    
    .timeline_wrap {
        margin: 0 auto;
        width: 280px;
    }
    
        .product_fam {margin: 0 auto;
        width: 280px;}
    
    .header {
    padding: 20px 20px 0px 20px;
        
    }
    
    .footer {
    padding: 20px 20px 20px 20px;
    }
    
    .main .welcome {
    margin: 0px 0px 150px 0px;
    }
    
    .mobile_menu_button {right: 25px;}
}