/*
Theme Name: shayli-theme
Theme URI: http://shayli.co.il/
Author: Yaniv Sason
Author URI: http://yanivsasson.co.il/
Description: A versatile and responsive Bootstrap WordPress starter theme FOR DEVELOPERS based on Twitter Bootstrap 3.3.6.
Version: 1
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, rtl-language-support, theme-options, translation-ready
Text Domain: shaylitheme

shayli-theme WordPress Theme, Copyright 2016 Yaniv Sasson.
shayli-theme is distributed under the terms of the GNU GPL v3.
*/

img {
	max-width: 100%;
	height: auto;
}
.home-recommendation {
	padding-top: 35px;
    padding-bottom: 60px;
    background-color: #7ec242;
}
.home-recommendation h3 {
	margin-top: 50px;
    margin-bottom: 50px;
	color: #fff;
    font-size: 40px;
	text-align: center;
}
.reco-box {
	padding: 15px;
}
.reco-box-inner {
	padding: 15px;	
	background-color: #fff;
}
.reco-box-title {
	font-weight: 700;
	font-size: 26px;
}

.category-title a {
    color: #333333;
    text-decoration: none;
}
.padding-top {
    padding-top: 40px;
}
#wpcf7-f154-o2 input[type="submit"] {
    background-color: #313131;
    width: 100%;
    -webkit-appearance: button;
    cursor: pointer;
}
#wpcf7-f154-o2 input[type="submit"]:hover {
    color: #7ec242;
}

.home-troma h3 {
    margin-top: -25px !important;
    margin-bottom: 15px !important;
}


.top-title {
    height: 300px;
    width: 100%;
    color: #fff;
    text-align: center;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

}

.top-title h1 {
    font-size: 60px;
    padding-top: 85px;
    position: relative;
}

.top-title h1:after {
    content: '';
    position: absolute;
    width: 105px;
    height: 2px;
    left: 0;
    right: 0;
    background-color: #7ec242;
    margin: 0px auto;
    text-align: center;
    display: block;

}

section.contact-main-sec {
	padding-top: 80px;
    padding-bottom: 80px;	
    background-repeat: no-repeat;
    background-color: #f6f6f6;
    background-position-x: 190px;
    background-position-y: 160px;
}

.contact-main-sec h1 {
    font-size: 50px;
}

.contact-main-sec a {
    color: #7ec242;
}

.navbar-nav > li > a:hover {
    color: #7ec242;
}

.col-md-6.contact-form {
    padding-right: 0px;
}

#wpcf7-f128-o1 input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    width: 100%;
    background-color: #7ec242;
    font-size: 24px;
    font-weight: 500;
}

iframe[name="google_conversion_frame"] {
	position: fixed;
    background-image: url("img/");
}
body{
	font-family: 'Heebo', sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Heebo', sans-serif;
	
}
h1, .h1, h2, .h2, h3, .h3 {
	font-family: 'Heebo', sans-serif;
    margin-top: 20px;
    margin-bottom: 10px;
}
h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Heebo', sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
}
h1, .h1 {
    font-size: 36px;
}
h2, .h2 {
    font-size: 30px;
}
h3, .h3 {
    font-size: 24px;
}
h4, .h4 {
    font-size: 18px;
}
h5, .h5 {
    font-size: 14px;
}
h6, .h6 {
    font-size: 12px;
}
a:active, 
a:hover, 
a:focus,
input:hover, 
input:active, 
input:focus, 
textarea:hover, 
textarea:active, 
textarea:focus {
	outline: 0px;
}
nav, header, section, footer {
	width: 100%;
/* 	float: left; */
}
artical {
	margin-bottom: 0;
}
.hentry {
    margin-bottom: 0px;
}
.relative {
	position: relative
}
.inline-block {
	display: inline-block;
}
.table {
    display: table;
}
.table-cell {
    display: table-cell;
    vertical-align: middle;
}
.container {
    padding: 0 15px 0 15px;
}
.navbar-top {
	text-align:center;
}
ul.nav {
	padding-right: 0px;
	padding-left: 0px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 9px;
    font-size: 23px;
    margin: 11px 14px 0px;
    line-height: 26px;
}
.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: transparent;
    border-color: transparent;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}
.dropdown-menu > li > a:active,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:active,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7;
}
ul.pager {
	padding-right: 0px;
	padding-left: 0px;
}
ul.pagination {
	padding-right: 0px;
	padding-left: 0px;
}
.navbar-toggle {
    border: 1px solid #999;
}
.navbar-toggle .icon-bar {
    background-color: #999;
}
.nav.nav-side {
    margin-top: 60px;
}
.nav.nav-side  li {
    margin-top: 8px;
    margin-bottom: 8px;
	text-align: center;
}
.nav.nav-side  li:hover {

}
.nav.nav-side  li  a {
    background-color: #007300;
    color: #fff;	
}
.nav.nav-side  li  a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav.nav-side  li  a:hover, 
.nav.nav-side  li  a:active, 
.nav.nav-side  li  a:focus {
    text-decoration: none;
    background-color: #fff;
    color: #007300;
}
.nav.nav-side  .dropdown-menu {
    position: initial;
    float: initial;
    min-width: 100%;
    padding: 0;
    margin: 0;
    font-size: 14px;
    border: 0px;
    border-radius: 0px;
    -webkit-box-shadow:initial;
    box-shadow: initial;
}
.dropdown .dropdown-menu {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;

    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}
.dropdown.open .dropdown-menu {
    max-height: 300px;
    opacity: 1;
}
section {
	background-color: #fff;
}
/*
	site-header
*/
body .site-nav {
	position: fixed;
	z-index: 9999;	
	top: 0px;
	left: 0px;
	background-color: #fff;
    box-shadow: 0px -1px 12px rgba(0,0,0,0.05);	
}
body.admin-bar .site-nav {
	top: 32px;
}

.header-text a {
	z-index: 9;
    color: #ffffff;
    text-decoration: none;
    border: solid 1px;
    padding: 5px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 36px;
	font-size: large;
}
.header-text * {
	position: relative;
	z-index: 3;
}

nav.site-header {
    background-color: #fff;
}
.nav.navbar-nav {
	display: inline-block;
}
.container.header-text-wrap.clearfix {
    background-size: cover;
    background-position: bottom;
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    background-attachment: fixed;
}

.logo {
	display: inline-block;
	padding-top: 5px;    
	padding-bottom: 0px;    
}
.logo img{
	display: inline-block;
	float: right;
}
.header-phone {
	padding-top: 23px;
	text-align: center;
}
.header-phone a {
	display: inline-block;
	color: #7ec242;
	font-size: 25px;
	font-weight: 700;
	text-decoration: none;
}
a.social-link {
    margin: 3px;
    padding: 3px 10px 0px;
    border: 1px solid #7ec242;
    border-radius: 5px;
    font-size: 20px;
    line-height: 21px;
}
.navbar-nav {
	
}
.navbar-nav > li > a {
    color: #333;
	font-size: 20px;
    font-weight: 400;
}
.header-text-wrap {
	min-height: 520px;
	background-repeat: no-repeat;
	background-position: center center;
}
.header-text {
	position: relative;
	font-family: 'Heebo', sans-serif;
    color: #fff;
    float: right;
    padding: 50px 50px 50px;
    font-size: 25px;
    margin-right: 370px;
    background-color: #44444496;
    box-shadow: 5px 10px 18px #00000045;
}
.header-text:before {
	content: "";
    position: absolute;
	z-index: 1;
    top: -10px;
    left: -10px;
    border: solid 2px #7ec242;
    width: 640px;
    height: 444px;
    z-index: 0;
    background-color: #00ffff00;
}
.header-text li {
    list-style-image: url(img/correct.png);
}
.header-text-title {
	font-size: 50px;
}
.header-text-title-sub {
	font-size: 32px;
}
.home-sals {
    padding-top: 60px;
    padding-bottom: 10px;
}
.home-sals a {
	text-decoration: none;
}
.home-cat-image img {
	max-width: initial;
	width: 100%;
	height: auto;
}
.home-cat-text {
	padding: 10px 10px 5px;
	background-color: #333;
	color: #fff;
}
.home-contact {
    box-shadow: 15px -3px 42px #00000052;
    padding-top: 15px;
    padding-bottom: 7px;
    background-color: #7ec242;
	background-image: url(img/cardboard.jpg);
}
.pic {
    margin-top: 30px;
}
.home-contact .form-control,
.home-contact .btn {
	width: 100%;
	border: 0px;
	border-radius: 0px;
}
.home-contact .btn {
	background-color: #333333;
	color: #fff;
	font-size: 18px;
}
.site-footer {
	margin-top: 50px;
	padding: 40px;
	background-color: #333333;	
}
body.home .site-footer {
	margin-top: 0px;	
}
#maincontent {
	margin-top: 50px;
	min-height: 400px;
}
.home-text {
    padding-top: 40px;
    padding-bottom: 80px;	
}
.home-troma {
    padding-top: 35px;
    padding-bottom: 20px;
    background-color: #7ec242;
    color: #fff;
    background-image: url(img/1.jpg);
    background-repeat: no-repeat;
    background-size: 50% auto;
    letter-spacing: 1px;
}
.home-troma img {
	display:none;
}
.home-troma h3 {
    margin-top: 30px;
    margin-bottom: 60px;
    font-size: 60px;
    font-weight: bold;
}
.home-gallery {
	padding-top: 50px;
	padding-bottom: 50px;
}
.home-gallery h3 {
	margin-top: 50px;
    margin-bottom: 50px;
	font-size: 40px;
}
.home-recommendation a {
	color: #fff;
}
/*
	slick slider
*/
.slickwraper {
	overflow: hidden;
}
.slick-slide img {
    display: inline-block;
	max-width: 100%;
	height: auto;
}
.slick-slide {
    text-align: center;
}
.slick-arrow {
	position: absolute;
	outline: 0;
	top: 45%;
	z-index: 9000;
    width: 33px;
    height: 50px;
	color: transparent;
	border: 0px;	
	background-color: transparent;
	font-size: 1px;		
}
.slick-next.slick-arrow {
	left: -60px;
}
.slick-prev.slick-arrow {
	right: -60px;
}
.slick-arrow:after {
    display: block;
    width: 33px;
    height: 50px;
    position: absolute;
    top: 0px;	
    color: #000;
    font-size: 100px;
    line-height: 40px;
}
.slick-next.slick-arrow:after {
    content: '‹';
	left: 0px;	
}
.slick-prev.slick-arrow:after {
	content: '›';	
    right: 0px;	
}
ul.slick-dots {
	list-style: none;
	text-align: center;
}
ul.slick-dots li {
	display: inline-block;
	margin: 10px;
	width: 36px;
	height: 36px;
	border: 0px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;	
}
ul.slick-dots li button {
	width: 36px;
	height: 36px;
	padding: 0px;
	border: 0px;
	border-radius: 50%;
	background-color: #ccc;
	background-size: 100% 100%;
	color: transparent;
}
ul.slick-dots li.slick-active button {
	background-color: #000;
}
.home-recommendation .slick-arrow:after {
    color: #fff;
}
/*gallery*/
.gallery-image-box {
	height: 190px;
	text-align: center;
}
.gallery-image-box img {
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
/*footer*/
.site-footer {
	color: #ddd;
}
.site-footer a:hover {
	color: #fff;
}
.site-footer h4 {
	margin-bottom: 20px;
	color: #fff;	
	font-size: 22px;
}
.site-footer .wpcf7 br {
	display: none;
}
.site-footer .wpcf7 .wpcf7-form-control-wrap {
	display: block;
	margin-top: 10px;
}
.site-footer .wpcf7 .wpcf7-form-control-wrap:first-child{
	margin-top: 0px;
}
.site-footer .btn {
	margin-top: 10px;	
	color: #000;
    background-color: #7ec242;
}
.site-footer ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.site-footer ul li {
	margin: 0px;
	padding: 0px 0px 5px;
}
.site-footer ul li a {
	padding: 0px 0px 5px;	
	color: #ddd;
	text-decoration: none;
}

div#step1 {
    color: #383838;
}
.step-sec {
	display: flex;
    justify-content: space-between;
    align-items: center;	
    width: 100%;
    margin: 0 auto;
	border-radius: 5px;
	overflow: hidden;
}
.step {
    cursor: pointer;
    border-radius: 5px;
    background-color: #7ec242;
    padding: 5px;
    width: 22%;
	margin-right: 1%;
	margin-left: 1%;
    text-align: center;
    font-size: 20px;
    color: #fff;
    border-bottom: solid 0px #383838;
}
.btns-wrap {
	display: flex;
}
.btns{
    width: 50%;
    float: right;
}

.step-content{
    margin-top: 50px;
}
.img-hm-gal{
    display: inline-block;
position: relative;
}

.img-hm-gal:after{
    transition: all 0.5s;
    display: block;
    opacity: 0;
    position: absolute;
    content: '';
    width: 50%;
    height: 50%;
    background-color: rgba(126, 194, 66, 0.64);
    background-image: url(img/search.png);
    background-position: center;
    background-size: 30%;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
}

.img-hm-gal:hover::after{
    opacity: 1;
    width: 100%;
    height: 100%;
}

.btns {
    display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    width: 47%;
    float: right;
    text-align: center;
    margin: 0 17px;
    padding: 23px;
    background-color: #ececec;
    color: #383838;
    border-radius: 10px;
    cursor: pointer;
}

.btns:hover {
    color: white;
    background-color: #7ec242;
}

.step-content h2 {
    margin-right: 20px;
    margin-bottom: 30px;
}

.sub-btn, .sub-btn3  {
    background-color: #7ec242;
    text-align: center;
    color: #fff;
    line-height: 2;
    border-radius: 10px;
    width: 30%;
    float: left;
    margin-top: 50px;
	cursor: pointer;
}
.products {
	display: flex;
    flex-wrap: wrap;
}
.prod-list {
    width: calc( 33.3% - 14px);
    height: 70px;
    float: right;
    background-color: #f7f7f7;
    margin: 7px;
    border-radius: 10px;
}


.sub-btn:hover {
    background-color: #383838;
    color: #fff;
}

.sub-btn3:hover {
    background-color: #383838;
    color: #fff;
}

.prod-list li {
    list-style-type: none;
    margin-right: 20px;
    display: inline-block;
    width: 100%;
}

.prod-list a {
    color: #333333;
    text-decoration: none;
}

.prod-list a:hover {
    color: #333333;
    text-decoration: none;
}

.form-title{
    text-align: center;
}

.prod-item input[type=text] {
    line-height: inherit;
    width: 25px;
    text-align: center;
    margin: 5px -5px;
}

.qun.clearfix {
    float: left;
    margin-left: 40px;
    height: 50px;
    margin-top: -7px;
}

.qun div {
    background-color: #7ec242;
    text-align: center;
    border: 0px;
    height: 31px;
    font-size: 22px;
    color: #fff;
    width: 20px;
}

.qun #inc {
    float: right;
}

.qun #dec {
    float: left;
}

h2.cat-title {
    float: right;
}

h2.show-more {
	cursor: pointer;
    float: left;
    margin-left: 25px;
    font-size: 45px;
    margin-top: 12px;
    color: #7ec242;
}

.step2{
    display: none;
}

.step3{
    display: none;
}
.step4{
    display: none;
}

.item-list {
    display: none;
}
.form-tbl {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;	
}
.form-tbl td, .form-tbl th, .form-tbl tr {
    text-align: right;
	border: 1px solid #ccc;		
	padding: 16px;
}

.form-tbl input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: 33px;
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    padding: 10px;
    margin-right: 20px;

}

.prsn input[type="text"], .prsn input[type="submit"] {
    line-height: 45px;
    width: 24%;
    border-radius: 10px;
    border: solid 1px #383838;
    padding-right: 10px;
}

.prsn input[type="submit"] {
    background-color: #7ec242;
    border: 0;
    color: #fff;
    height: 51px;
}

.prsn input[type="submit"]:hover {
    padding: initial;
    background-color: #383838;
    border: 0;
    color: #fff;
    height: 51px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.troma-box {
    max-width: 700px;
    margin: 0 auto;
}
.home-contact h3{
	color:#fff;
	padding-right: 15px;
}
body .site-header {
	margin-top: 79px;	
}
body.admin-bar .site-header {
	margin-top: 79px;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    float: right;
	width: 100%;
}
.troma-box .btn {
	color: #fff;
}
.troma-box .btn:hover
.troma-box .btn:cover
.troma-box .btn:active {
	color: #fff;
}
.prsn .btn {
	padding: 10px 19px;
	font-size: 19px;
	background-color:#7ec242;
	border-radius: 7px;
	color:#fff;
}
@media (min-width: 768px){
	.container {
		width: 750px;
	}
	.navbar-nav {
		display: block;
		float: initial;
	}
	.navbar-nav > li > a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

@media (min-width: 992px){
	.container {
		width: 970px;
	}
}
@media (min-width: 1200px){


	.container {
		width: 1170px;
	}
}

@media (max-width: 1199px){
	.logo {
		padding-top: 10px;
	}	
	.header-phone {
		padding-top: 27px;
	}	
	.header-phone a {
		font-size: 20px;
	}
	.nav > li > a {
		font-size: 18px;
		margin: 11px 4px 0px;
	}
}
@media (max-width: 1050px){
	body .site-nav {
		position: initial;
		box-shadow: initial;	
	}
	body .site-header {
		margin-top: 0px;
	}	
	body.admin-bar .site-header {
		margin-top: 0px;
	}	
    .header-phone a {
        /* font-size: 30px; */
    }

    a.social-link {
        padding: 7px;
        margin: 0;
        margin-left: 8px;
        margin-right: 5px;
        padding-left: 14px;
        padding-top: 11px;
        padding-right: 14px;
    }

    .mob.clearfix {
        /* width: 246px; */
        /* margin: 0 auto; */
    }

    .logo-row {
        text-align: right;
    }
	.logo {
		max-width: 120px;
	}
    .mob-p {
        float: left;
        margin: 0 auto;
    }
    .mob-soc {
        float: left;
        margin: 0 auto;
    }

    .header-phone.clearfix {
        /* float: left; */
        /* margin: 0 auto; */
    }

    .col-md-2.header-phone-col {
        /* display: inline-block; */
        /* width: 100%; */
        /* text-align: center; */
    }

    button.navbar-toggle {
        float: left;
        height: 42px;
        margin: 0 auto;
        border: 1px solid #7ec242;
        background-color: #fff;
    }

    .header-text-title-sub {
        font-size: 22px;
    }

    .header-text li {
        font-size: 19px;
    }

    .header-text a {
        font-size: 20px;
        display: inline-block;
        margin-bottom: 5px;
    }

    .home-contact .form-control, .home-contact .btn {
        margin: 13px auto;
    }

    section.contact-main-sec {
        background-image: url()!important;
    }

    .home-troma {
        background-image: url();
    }
    .home-troma h3 {
        font-size: 30px;
    }

    .slick-arrow {
        display: none !important;
    }

    .header-text {
        margin-right: 0px;
    }

    .header-text:before {
        display: none;
    }
}


@media (max-width: 991px){
	.header-text-title {
		font-size: 35px;
	}
	body{
		margin: 0px;
		padding: 0px;
		font-size: 14px;
	}
	h1, .h1, h2, .h2, h3, .h3 {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	h4, .h4, h5, .h5, h6, .h6 {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	h1, .h1 {
		font-size: 26px;
	}
	h2, .h2 {
		font-size: 20px;
	}
	h3, .h3 {
		font-size: 18px;
	}
	h4, .h4 {
		font-size: 16px;
	}
	h5, .h5 {
		font-size: 14px;
	}
	h6, .h6 {
		font-size: 12px;
	}
}
@media (max-width: 767px){
	.header-phone {
		padding-top: 0px;
		text-align: left;
	}
	.navbar-toggle {
		margin-top: 1px;
		margin-bottom: 14px;
		margin-right: 0px;
		height: 30px;
		margin-top: 4px;		
		padding: 5px;
		border: 1px solid #7ec242;
	}
	button.navbar-toggle {
		margin-top: 1px;
		margin-bottom: 14px;
		margin-right: 0px;
		height: 30px;
		margin-top: 4px;		
		padding: 5px;
		border: 1px solid #7ec242;
	}
	.navbar-toggle .icon-bar {
		background-color: #7ec242;
	}
	.navbar-collapse {
		box-shadow: initial;
	}
	.mob-p {
		margin-right: 14px;
	}
	.site-footer {
	    padding: 10px 0px 40px; 
	}
	.site-footer h4 {
		margin-top: 38px;
		margin-bottom: 9px;
	}
	.logo {
		width: 150px;
	}
	.container.header-text-wrap.clearfix {
		padding-top: 10vw;
		padding-bottom: 10vw;
		height: initial;
		min-height: initial;
		background-size: 190% auto;
		background-attachment: initial;
		background-position: center;
	}
	.header-text {
		padding: 7vw;
		font-size: 4vw;
	}
	.header-text-title {
		font-size: 5.7vw;
	}
	.header-text-title-sub {
		font-size: 4.4vw;
		margin-bottom: 9px;
	}
	.header-text ul {
		padding-right: 10vw;
	}
	.header-text li {
		font-size: 4.9vw;
	}
	.header-text a {
		font-size: 4vw;
	}
	.home-contact {
		background-size: 139%;
	}
	.navbar-nav > li > a {
		margin-top: 0px;
	}
	
	.step {
		width: 100%;
		border-radius: 5px;
		margin-bottom: 10px;
	}
	.prod-list {
		width: calc( 50% - 14px);
	}
	.qun div {
		height: 26px;
		font-size: 22px;
		line-height: 26px;
	}
	
	.logo-row {
		float: left;
		width: 45%;
		text-align: left;
	}
	.col-md-2.header-phone-col {
		float: left;
		width: 55%;
	}
	.header-phone.clearfix {
		float: left;		
	}
	button.navbar-toggle {
		float: right;
	}
	.col-main-menu {
		float: left;
		width: 100%;
	}
	.mob {
		display: flex;
	}
	.header-phone {
		order: 1;
	}
	.header-phone a {
		font-size: 16px;
	}
	.mob-p {
		margin-top: 23px;
	}
	.navbar-toggle {
		margin-top: 20px!important;
	}
}
@media (max-width: 525px){
	.prod-list {
		width: calc( 100% - 14px);
	}	
	.step-sec {
		flex-wrap: wrap;
	}
}