/* include fonts */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800|Open+Sans:300|Oswald:200,300,400,500');
/*font-family: 'Montserrat', sans-serif;*/
/*font-family: 'Open Sans', sans-serif;*/
/*font-family: 'Oswald', sans-serif;*/

@font-face {
  font-family: GothamBold;
  src: url('./fonts/Gotham-Bold.otf');
}

@font-face {
  font-family: GothamMedium;
  src: url('./fonts/GothamMedium.ttf');
}


/* NEW CALC */

table tr td.dosage_table_top_image {
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	vertical-align: bottom;
}

table tr td.dosage_table_top_corner {
	border-top: none !important;
	vertical-align: bottom;	
}

table tr td.dosage_table_text {
	text-align:center;
    color: black;
    font-weight:600;
}

table tr td.rotate
{
  vertical-align: middle;
  text-align: center;
}

td.rotate span 
{
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
}

/*Vertical colored cells around core for Veg-1*/
table tr td.dosage_table_core_single {
	width:3px;
	background-color: #E7A12B;
	border: 0px;
}

/*Colored cells around core products for Veg-1*/
table tr td.dosage_table_highlight_single {	
	background-color: #E7A12B;
}

/*Vertical colored cells around core for Veg-AB*/
table tr td.dosage_table_core_dual {
	width:3px;
	background-color: #B0BC36;
	border: 0px;
}

/*Colored cells around core products for Veg-AB*/
table tr td.dosage_table_highlight_dual {	
	background-color: #B0BC36;
}

/*Colored cells with product name at top (and EC)*/
table tr td.dosage_table_heading {	
	background-color: #3A442f;	
	color: white;
    border: 1px solid !important;    
    font-weight:600;
    text-align:center;
}

/*Headers left hand side for cuttings, veg and bloom*/
table tr td.dosage_table_left_heading {	
	background-color: #DDDDC4;	
    font-weight:1000;
}

table tr td.dosage_table_data_cell_odd {	
	background-color: #EAE9DA !important;	
    border: 1px solid !important;
}

table tr td.dosage_table_data_cell_even {	
	background-color: #EFEEE3 !important;	
    border: 1px solid !important;
}


/* CALCULATOR styles */
.container.calculator-container h2.calculator-container-title {
    font-size: 42px !important;
    color: rgb(127,137,0) !important;
    font-weight: 500;
    margin: 30px 0px 8px 0px;
    font-family: 'GothamBold', "Open Sans" !important;
    text-transform: uppercase !important;
}

.chart .calculator-container-subtitle {
    font: 24px 'Montserrat';
    color: #7f8900;
    max-width: 600px;
    margin: 20px auto 20px;
}

.calculator-container-p {
    font: 16px "Montserrat";
    max-width: 600px;
    width: 100%;
    margin: 0px auto 7px;
    padding-left: 158px;
    color: #171717;
}

.semibold {    
    font-weight: 700;
}

.table-chart th {
    background-color: #7f8900;
    padding: 10px 7px;
    color: #fff !important;
}

.table-chart th, .table-chart td {
    color: #171717;
    font: 14px 'Montserrat';
    border: 1px solid #e7e7e7;
    text-align: center;
}


.table-chart tr td:first-child {
    text-align: left;
}

.table-chart td {
    padding: 5px 10px;
    height: 50px;
}

/* CALCULATOR CHART styles */
.grey-instructions.grey-chart .instructions-title {
    font-weight: 300;
}

body, html {
    overflow-x: hidden !important;
}

/* .chart .calculator-container-subtitle {
    font: 24px 'Montserrat';
    color: #7f8900;
    max-width: 1000px;
    margin: 20px auto 20px;
} */

.chart .btn-set-wr-flex > a.product-calc-btn {
    font: 24px 'Montserrat';
    max-width: 205px;
    min-width: 205px;
    height: 48px;
    font-weight: 700;
}

.buy-over-info {
    padding-left: 40px;
}

.grey-instructions.grey-chart .instructions-title.text-uppercase {
    text-transform: uppercase !important;
    font-size: 36px;
    font-family: GothamMedium;
    font-weight: 500 !important;
}

.calculator-container-p {
    font: 16px "Montserrat";
    max-width: 600px;
    width: 100%;
    margin: 0px auto 7px;
    padding-left: 158px;
    color: #171717;
}

.b-txt {
    font-weight: 700;
}

.product-calc-btn-icon .img-wr > img, .product-single-btn-icon.bg-green:first-child .img-wr > img {
    margin-top: -5px;
    width: 22px;
    min-width: 22px;
    height: 27px;
}

/*chart table style*/

.table-chart  {
    margin: 50px 0px 80px;
    width: 100%;
}

.table-chart th, .table-chart td {
    color: #171717;
    font: 14px 'Montserrat';
    border: 1px solid #e7e7e7;
    text-align: center;
}

.table-chart th:first-child {
    width: 182px;
}

.table-chart th {
    background-color: #7f8900;
    padding: 17px 6px;
    color: #fff;
    vertical-align: middle;
}

.table-chart.table-chart-broad th {
    height: 130px;
    min-width: 30px;
    text-align: left;
    padding: 10px 20px;
}

.table-chart.table-chart-broad th > div {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    max-width: 100%;
    height: 100%;
    writing-mode: tb-rl;
    margin: 0 auto;
}

.table-chart tr:nth-child(odd) {
    background-color: #eeeeef;
}

.table-chart td {
    padding: 5px 10px;
    height: 50px;
    vertical-align: middle;
}

.table-chart tr td:first-child {
    text-align: left;
}
/*chart table style*/

/* CALCULATOR CHART styles */

.table-chart tr td:first-child {
    text-align: left;
}

.table-chart tr:nth-child(odd) {
    background-color: #eeeeef;
}

.table-chart {
    margin: 50px 0px 80px;
    width: 100%;
}

.btn-set-wr-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 0px 15px
}

.chart .btn-set-wr-flex > a.product-calc-btn {
    font: 24px 'Montserrat';
    max-width: 205px;
    min-width: 205px;
    height: 48px;
    font-weight: 700;
}

.bg-red {
    background-color: rgb(127,137,0);
}

.ak-container, .boxed-layout .ak-container {
    width: 100%;
    padding: 0 25px;
}

.chart .calculator-container-subtitle {
    font: 24px 'Montserrat' !important;
    color: #7f8900 !important;
    max-width: 1000px;
    margin: 20px auto 20px;
    
    text-transform: uppercase !important;
}



.ak-container.clc {
    padding: 0px 0px;
}

#content.site-content.clc,  #content.site-content {
    padding-bottom: 0px;
}

.instructions-wr p {
    font-family: 'Montserrat';
    color: #000;
    line-height: 23px;
    text-align: justify;
}

.general-instructions-wr h3, .general-instructions-wr h4, .general-instructions-wr h5, .general-instructions-wr h6 {
    font-family: 'Montserrat';
    font-weight: 800;
    margin: 23px 0px 5px;
}

.calculator-container-subtitle {
    font-weight: 600;
    color: #000;
    line-height: 18px;
    font-family: 'Montserrat';
    max-width: 500px;
    margin: 0px auto 50px;
}

.grey-instructions {
    background-color: #efeff0;
}

.instructions-title {
    color: #7f8900 !important;
    font-size: 40px !important;
    font-weight: 500;
}

.instructions-wr {
    max-width: 620px;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 25px;
    padding-right: 10px;
    margin: 0 auto 0 auto;
}

.calc-inputs {
    max-width: 620px;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 5px;
    margin: 0 auto 0 auto;
}

/* .general-instructions-wr {
    max-width: 620px;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 5px;
    margin: 0 auto 0px 130px;
} */

.step {
    color: #7f8900 !important;
    font: 22px "Montserrat" !important;
    font-weight: 800 !important;
    margin: 23px 0px 5px;
}

.general-instructions-wr p {
    font-family: 'Montserrat';
    color: #000;
    line-height: 23px;
    text-align: justify;
}

.q-here {
    margin-top: 45px;
    font: 18px "Montserrat";
    color: #000;
}

a.txt-b {
    font-weight: 700;
}

.txt-g, a.txt-g {
    color: #7f8900;
}

a.product-calc-btn, a.product-calc-btn-icon {
    display: flex;
    align-items: center;
    max-width: 235px;
    min-width: 235px;
    width: 100%;
    height: 55px;
    color: #fff;
    font-weight: 500;
    font-size: 27px;
    text-decoration: none;
    padding: 0px 15px;
    margin: 0px 15px 0px 0px;
}

a.product-calc-btn {
    justify-content: center;
}

a.product-calc-btn-icon > div {
    display: flex;
    align-items: center;
    align-content: flex-start;
}

a.product-calc-btn-icon > div > .img-wr {
    min-width: 36px;
    width: 36px;
    text-align: left;
    margin-right: 5px;
}

.product-calc-btn.bordered {
    border: 2px solid rgb(127,137,0);
    color: rgb(127,137,0);
}

.dosage-wr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.left-flex-col {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 55%;
}

.blank-templ.guide-title-wr {
    left: 130px;
    top: 96px;
    max-width: 740px;
    width: 100%;
}

.blank-templ.guide-title-wr h1 {
    letter-spacing: 2px;
}

div.blank-art-wr {
    max-width: 875px;
    margin: 0 auto;
}

.paddings-light-intensity-body.blank-intensity {
    padding-top: 2px;
    padding-bottom: 150px;
}

.paddings-light-intensity-body.blank-intensity p {
    font-weight: 400;
}


.paddings-light-intensity-body.blank-intensity h2, .paddings-light-intensity-body.blank-intensity h3, .paddings-light-intensity-body.blank-intensity h4, .paddings-light-intensity-body.blank-intensity h5, .paddings-light-intensity-body.blank-intensity h6 {
    margin-bottom: 5px;
    line-height: 25px;
    font-weight: 500;
}


.paddings-light-intensity-body.blank-intensity h2.blank-second-title {
    font-size: 46px;
    font-weight: 600;
    color: #c30000;
    margin: 3px 0px 35px;
    line-height: 46px;
}

.blank-templ.guide-title-wr h2 {
    font-size: 36px;
    letter-spacing: 0px;
    margin: 10px 0px 0px;
}

.right-flex-col {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 45%;
}

.calc-g-txt {
    background-color: rgb(87,89,65);
    padding: 7px 15px 6px 50px;
    margin-right: 20px;
    color: #fff;
    font: 22px 'Montserrat';
    font-weight: 700;
    text-transform: uppercase;

    width: 145px;
    min-width: 145px;
}

.calc-u-txt {
    color: #171717;
    font: 14px 'Montserrat';
    font-weight: 600;
    line-height: 18px;
    padding-right: 20px;
}

.right-flex-col > input {
    border-radius: 0;
    width: 192px;
    height: 40px;
    padding: 5px 15px;
    line-height: 40px;
    border: 1px solid #dcdcdc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #171717;
    font: 16px "Montserrat";
    font-weight: 300;
    margin-right: 15px;
    outline-color: #171717;
}

.right-flex-col > button {
    color: #fff;
    font: 24px "Montserrat";
    font-weight: 700;
    text-transform: uppercase;
    height: 50px;
    max-width: 190px;
    width: 100%;
    background: rgb(127,137,0);
    border: none;
}

/* CAUTION: IE hackery ahead */
select.calculator-select::-ms-expand {
    display: none; /* remove default arrow in IE 10 and 11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select.calculator-select {
        background:none\9;
        padding: 5px\9;
    }
}


.dosage-wr > .right-flex-col > .bootstrap-select.calculator-select > button {
    width: 192px;
    height: 40px;
    padding: 5px 35px 5px 15px;
    line-height: 40px;
    border: 1px solid #dcdcdc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/select-arrow.svg) 93% / 15% no-repeat;
    background-size: 12px;
    color: #171717;
    font: 14px "Montserrat";
    font-weight: 300;
    margin-right: 20px;
    outline: none !important;
    border-radius: 0;
}

.bootstrap-select.btn-group .dropdown-menu {
    background-color: #fff;
    color: #171717;
    top: 93%;
    border: 1px solid #dcdcdc;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 190px;
}

.bootstrap-select.btn-group .dropdown-menu {
    background-color: #fff;
    color: #171717;
    top: 93%;
    border: 1px solid #dcdcdc;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu>li>a {
    padding: 3px 10px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


/* CALCULATOR styles */



@media (min-width: 992px) and (max-width: 1200px) {

    .blank-templ.guide-title-wr h2 {
        font-size: 31px;
    }

    .blank-templ.guide-title-wr {
        left: 110px;
        top: 105px;
        max-width: 640px;
    }

    div.blank-art-wr {
        max-width: 715px;
        margin: 0 auto;
    }

    .grower-guide-padd-set {
        padding-left: 65px;
    }

    .absolute-dark-stripe.bigger-stripe .txt-single-wr > p {
        font-size: 16px;
    }

    .downloads-wr {
        padding-left: 128px;
    }

    .about-us-wr {
        padding-left: 38px;
    }

    .table-chart {
        margin: 50px auto 80px;
    }

    .table-chart th > div {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        max-width: 100%;
        height: 100%;
        writing-mode: tb-rl;
        margin: 0 auto;
    }

    .table-chart th {
        height: 130px;
        min-width: 30px;
        text-align: left;
        padding: 12px 5px;
    }

    .table-chart.table-chart-broad th {
        padding: 10px 0px;
    }


    .buy-over-info {
        padding-left: 0px;
    }

    /* column width */
    .col-1 {
        width: 300px;
    }

    .col-2 {
        width: 170px;
    }

    .col-3 {
        width: 150px;
    }

    .col-4 {
        width: 50px;
    }

    .col-5 {
        width: 100px;
    }

    .col-6 {
        width: 100px;
    }
    /* column width */

    .single-product-wr {
        padding-left: 0px;
        padding-right: 0px;
    }

    .product_header_bottles {
        left: 0px;
    }

    .main-title-wr > h2 {
        font-size: 30px;
    }

    .main-title-wr > h1 {
        font-size: 70px;
    }

    .main-title-wr {
        top: 61px;
        max-width: 570px;
        right: 0px;
    }

    .head-pepper {
        bottom: -10px;
        left: -35px;
        max-width: 320px;
    }

    .guide-title-wr {
        top: 109px;
        left: 285px;
        max-width: 400px;
    }

    .guide-title-wr > h1 {
        font-size: 60px;
    }

    .guide-title-wr > h2 {
        font-size: 32px;
        letter-spacing: 1.2px;
        margin: 5px 0px;
    }

    .central-txt {
        max-width: 400px;
        min-width: 400px;
        padding: 30px;
    }

    .central-txt > h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .guide-title {
        font-size: 26px;
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 13px;
        padding: 10px 8px;
    }

    .head-bottles {
        max-width: 330px;
        left: 225px;
    }

    .relative-one {
        height: 485px;
    }

    .head-title-wr > h1 {
        font-size: 60px;
        line-height: 61px;
    }

    .head-title-wr > h2 {
        font-size: 30px;
    }

    .header-description {
        max-width: 145px;
        font-size: 26px;
        line-height: 32px;
        bottom: 68px;
    }

    .head-title-wr {
        top: 91px;
        max-width: 350px;
    }

    .quote-testimonial-1, .quote-testimonial-2 {
        width: 135px;
    }

    .guide-title-wr.intensity {
        max-width: 410px;
    }

    .guide-title-wr.intensity > h2 {
        font-size: 34px;
    }

    a.product-single-btn, a.product-single-btn-icon {
        max-width: 310px;
        margin: 15px auto 0px 0px;
    }

    a.product-single-btn-icon:nth-child(2) {
        font-size: 27px;
        line-height: 27px;
    }

    .title-square {
        height: 70px;
        font-size: 50px;
        line-height: 70px;
        margin: -35px auto 65px auto;
    }

    .care .title-square, .cuttings .title-square, .control .title-square, .maintenance .title-square {
        line-height: 68px;
        height: 70px;
    }

    .white-one {
        padding-bottom: 50px;
    }

    .white-one.nutrients {
        padding-bottom: 90px;
    }

    .since-bedge-guide {
        right: 5px;
    }
}

@media (max-width: 991px) {

    .blank-templ.guide-title-wr {
        left: 0px;
        top: 49px;
        max-width: 600px;
    }

    .paddings-light-intensity-body.blank-intensity {
        padding-bottom: 100px;
    }

    .bootstrap-select.btn-group .dropdown-menu {
        min-width: 248px;
    }

    .paddings-light-intensity-body .aligncenter {
        width: 80%;
        height: auto;
    }

    .grower-guide-padd-set {
        padding-left: 60px;
    }

    .web-package .p-row {
        padding: 0px 10px 0px 32px;
    }

    .absolute-dark-stripe.bigger-stripe .flex-single-p {
        margin-top: 9px;
    }

    .absolute-dark-stripe.bigger-stripe {
        height: 74px;
    }

    .downloads-wr {
        padding-left: 0px;
    }

    .about-us-wr {
        padding-left: 46px;
    }

    .p-row {
        padding: 0px 32px;
    }

    .p-column > a {
        max-width: 180px;
        min-width: 170px;
    }

    .contact-form {
        margin: 0px auto;
    }

    .table-chart th > div {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        max-width: 100%;
        height: 100%;
        writing-mode: tb-rl;
        margin: 0 auto;
    }

    .table-chart th {
        height: 130px;
        min-width: 30px;
        text-align: left;
        padding: 12px 5px;
    }

    .table-chart.table-chart-broad th {
        height: 200px;
        padding: 10px 0px;
    }


    .table-chart td:first-child {
        font-size: 13px;
        padding: 5px 6px;
    }

    .table-chart {
        margin: 50px auto 80px;
    }

    .buy-over-info {
        padding-left: 0px;
    }

    .right-flex-col {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
    }

    .right-flex-col > input {
        width: 250px;
        margin-right: 0px;
        margin-bottom: 12px;
    }

    .dosage-wr > .right-flex-col > .bootstrap-select.calculator-select > button {
        width: 250px;
        margin-right: 0px;
    }

    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 250px;
    }

    .calc-g-txt {
        padding: 7px 20px 6px 20px;
        margin-right: 15px;
        width: 120px;
        min-width: 120px;
    }

    .right-flex-col > button {
        max-width: 250px;
    }

    .table-row {
        height: 45px;
    }

    .table-row.head > div {
        font-size: 13px
    }


    .table-row.head {
        height: 50px;
    }

    .table-row.subhead > div {
        font-size: 14px;
    }



    /* column width */
    .col-1 {
        width: 240px;
    }

    .col-2 {
        width: 130px;
    }

    .col-3 {
        width: 120px;
    }

    .col-4 {
        width: 50px;
    }

    .col-5 {
        width: 75px;
    }

    .col-6 {
        width: 100px;
    }

    .table-row.head .col-6 {
        text-align: center;
    }

    .table-row.head .col-3 {
        padding-left: 30px;
    }
    /* column width */

    .single-product-wr {
        padding-right: 0px;
    }

    .grey-one.maintenance {
        padding-bottom: 15px;
    }

    .grey-one.additives {
        padding-bottom: 50px;
    }

    .title-square {
        height: 70px;
        font-size: 50px;
        line-height: 70px;
        min-width: 350px;
    }

    .care .title-square, .cuttings .title-square, .control .title-square, .maintenance .title-square {
        line-height: 67px;
        font-size: 48px;
    }

    .white-one {
        padding-bottom: 50px;
    }

    .slick-prev {
        left: -12px;
    }

    .slick-next {
        right: -12px;
    }

    a.product-single-btn, a.product-single-btn-icon {
        max-width: 310px;
        margin: 15px auto 0px 30px;
    }

    a.product-single-btn-icon:nth-child(2) {
        font-size: 27px;
        line-height: 27px;
    }

    .absolute-dark-stripe {
        height: 60px;
    }

    .flex-single-p {
        margin-top: 12px;
    }

    .since-bedge-single {
        top: 15px;
        left: 15px;
        max-width: 125px;
    }

    .single-title-wr > h1 {
        font-size: 65px;
    }

    .single-title-wr > h2 {
        font-size: 18px;
        letter-spacing: 1.85px;
    }

    .product_header_bottles {
        top: 15px;
        left: 0px;
        max-width: 220px;
    }

    .main-title-wr {
        top: 15px;
        right: 100px;
        max-width: 370px;
    }

    .main-title-wr > h1 {
        font-size: 55px;
    }

    .main-title-wr > h2 {
        font-size: 24px;
    }

    .main-title-wr > p {
        line-height: 17px;
        font-size: 12px;
    }

    .main-title-wr {
        top: 15px;
        right: 0px;
        max-width: 470px;
    }

    .control .product-item, .maintenance .product-item {
        margin: 0px 35px 50px 35px;
    }

    .control .flex-row, .maintenance .flex-row {
        justify-content: center;
    }

    .nutrients .flex-row > .product-item:first-child > img{
        max-width: 170px;
    }

    .nutrients .flex-row > .product-item:last-child > img {
        max-width: 359px;
    }

    .additives .product-item > img, .care .product-item > img   {
        max-width: 90px;
    }

    .relative-one.guide {
        height: 195px;
    }

    .head-pepper {
        max-width: 280px;
        left: -40px;
        bottom: 35px;
    }

    .header-guide-container {
        background-position: center -180px;
    }

    .guide-title-wr > h2 {
        font-size: 25px;
        letter-spacing: 1.25px;
        margin: 10px 0px;
    }

    .guide-title-wr > h1 {
        font-size: 48px;
    }

    .since-bedge-guide {
        top: 15px;
        right: 15px;
        max-width: 110px;
    }

    .guide-title-wr {
        top: 52px;
        right: 180px;
        left: auto;
        max-width: 320px;
    }

    .central-txt {
        padding: 15px;
        max-width: 270px;
        min-width: 270px;
    }

    .guide-item-wrapper > .guide-img-wr {
        width: 200px;
        max-width: 200px;
        min-width: 200px;
    }

    .guide-item-wrapper > div.list-right {
        padding: 10px 10px 5px 5px;
    }

    ul.list-guide {
        padding-left: 25px;
    }

    .central-txt > h2 {
        font-size: 26px;
        margin-bottom: 10px;
        line-height: 30px;
    }

    .navbar-brand {
        max-width: 160px;
        width: 160px;
    }

    .footer-unique-width {
        max-width: 690px;
    }

    .navbar-brand>img {
        max-width: 160px;
    }

    .navbar-default .navbar-nav>li>a {
        padding: 11px 9px;
        font-size: 13px;
    }

    .since-bedge {
        bottom: 95px;
        left: 15px;
        max-width: 120px;
        width: 100%;
    }

    .head-bottles {
        bottom: 30px;
        left: 170px;
        max-width: 280px;
    }

    .head-title-wr > h2 {
        font-size: 25px;
    }

    .head-title-wr > h1 {
        font-size: 40px;
        line-height: 41px;
    }

    .relative-one {
        height: 400px;
    }

    .since-bedge {
        bottom: 50px;
        left: 10px;
    }

    .head-title-wr {
        top: 95px;
        right: 0px;
        max-width: 235px;
    }

    .header-description {
        bottom: 42px;
        right: 0px;
        max-width: 125px;
        font-size: 24px;
        line-height: 27px;
        color: #e1e1e1;
    }

    .guide-item-wr {
        max-width: 230px;
        margin: 0 10px;
    }

    .img-guide {
        height: 230px;
    }

    .content-part-guide {
        padding: 25px 10px;
    }

    .guide-title {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .guide-txt {
        padding: 0px 15px;
    }

    a.read-more-btn {
        margin: 25px auto 0px;
    }

    .quote-testimonial-1 {
        top: 25px;
        left: 20px;
    }

    .quote-testimonial-1, .quote-testimonial-2 {
        width: 140px;
    }

    .quote-testimonial-2 {
        bottom: 25px;
        right: 20px;
    }

    .section-title.text-65 {
        font-size: 50px;
    }

    .set-gap-2 {
        margin-left: 0px;
    }

    .set-gap-4 {
        max-width: 170px;
        margin: 30px auto;
        text-align: center;
    }

    .reserved {
        margin: 20px 0px 30px;
    }

    .flex-product-item-wr > a {
        margin: 0px 35px;
    }

    .flex-product-item-wr > a > img {
        max-width: 280px;
    }

    .carousel-indicators li, .carousel-indicators .active {
        width: 10px;
        height: 10px;
    }

    .guide-title-wr.intensity {
        max-width: 315px;
        right: 185px;
    }

    .guide-title-wr.intensity > h2 {
        font-size: 28px;
    }

    .contact-over-info {
        padding-left: 5px;
    }
}

@media (max-width: 767px) {

    #accesspreslite-breadcrumbs + h1.entry-title {
       margin-left: 23px;
    }

    .paddings-light-intensity-body.blank-intensity.sitemap, .paddings-light-intensity-body.blank-intensity.sitemap p {
        text-align: left;
    }

    .paddings-light-intensity-body.blank-intensity.sitemap ul {
        list-style-position: outside;
        padding-left: 15px !important;
    }

    .paddings-light-intensity-body.blank-intensity.faq a.to-flex-t {
        font-size: 18px;
        align-items: flex-start;
    }

    .paddings-light-intensity-body.blank-intensity.faq .panel-title a div.arr-r-d {
        margin-top: 5px;
    }

    .paddings-light-intensity-body.blank-intensity.faq .panel-title a div.arr-r-d > img {
        margin: 5px auto 0px;
    }

    .paddings-light-intensity-body.blank-intensity.faq .answer-txt {
        margin-left: 0px;
        margin-right: 0px;
    }

    .paddings-light-intensity-body.blank-intensity.faq .panel-body.to-flex {
        padding: 3px 0px 20px 0px;
    }

    .paddings-light-intensity-body.blank-intensity {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .guide-title-wr.blank-templ {
        top: 52px;
        text-align: left;
    }

    .paddings-light-intensity-body.blank-intensity h2.blank-second-title {
        font-size: 39px;
    }

    .blank-templ.guide-title-wr h2 {
        font-size: 24px;
        letter-spacing: 0px;
    }

    .list-guide-phone {
        list-style-position: inside;
    }

    .bootstrap-select.btn-group .dropdown-menu {
        min-width: 263px;
    }

    .paddings-light-intensity-body .aligncenter {
        width: auto;
        height: auto;
    }

    .grower-guide-padd-set {
        padding-left: 15px;
    }

    .paddings-light-intensity-body p, h1, h2, h3, h4, h5, h6, ol, ul {
        padding-left: 0px !important;
    }

    .growers_related_btn {
        margin-left: auto;
        margin-right: auto;
    }

    #sidebar ul li a:hover {
        color: #e4e4e4;
    }

    .p-row {
        padding: 0px 20px;
    }

    .web-package .p-row {
        padding: 0px 10px 0px 20px;
    }

    .about-title-wr.download-title-wr {
        top: 60px;
    }

    .about-us-wr {
        padding-left: 0px;
    }

    .p-column > a {
        max-width: 160px;
        min-width: 160px;
        font-size: 12px;
    }

    .downloads-white-wr {
        padding: 35px 0px;
    }

    .downloads-grey-wr {
        padding: 35px 0px;
    }

    .pseudo-table-down-wr.second-one > .p-row > .p-column:nth-child(2) > a {
        padding-left: 0px;
    }

    .label-group > input, .label-group > textarea {
        font-size: 16px;
    }

    .contact-over-info {
        margin-bottom: 35px;
        padding-left: 0px;
    }

    .contact-form-title {
        margin: 35px 0px 25px;
    }

    .contact-title {
        margin: 30px 0px 0px;
    }

    .about-title {
        margin: 25px 0px 15px;
    }

    .header-about.downloads {
        background-position-x: -460px;
    }

    .about-p {
        padding-bottom: 20px;
    }

    .header-about.downloads .about-title-wr h1 {
        font-size: 48px;
    }

    .personal-txt-info {
        padding-left: 15px;
    }

    select.calculator-select {
        font-size: 16px;
    }

    .personal-info-wr {
        margin: 45px 0px 0px auto;
    }

    .about-us-filler {
        height: 0px;
        margin-top: 30px;
    }

    .table-chart tr:nth-child(even) {
        background-color: #eeeeef;
    }

    .table-chart tr:nth-child(odd) {
        background-color: #fff;
    }

    .table-chart {
        margin: 30px auto 50px;
    }

    .table-chart tr td:first-child {
        text-align: left;
        background-color: #7f8900;
        color: #fff;

        font-size: 14px;
        padding: 5px 10px;
    }

    .table-chart.table-chart-broad tr td:first-child {
        font-size: 13px;
    }

    .calculator-container-p {
        margin: 0px auto 4px;
        padding-left: 0px;
    }

    .chart .calculator-container-subtitle {
        font-size: 20px;
    }

    .chart .calculator-container-subtitle>.b-txt {
        font-size: 23px;
    }

    .table-chart th {
        font-size: 14px;
        height: 200px;
        min-width: 45px;
        text-align: left;
        padding: 12px 5px;
        background-color: #fff;
        color: #171717 !important;
    }

    .table-chart th, .table-chart td {
        font-size: 13px;
    }

    .table-chart.table-chart-broad th {
        padding: 10px 5px;
    }

    .table-chart.table-chart-broad th:first-child {
        width: 125px;
    }

    .table-chart th > div {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        max-width: 100%;
        height: 100%;
        writing-mode: tb-rl;
        margin: 0 auto;
    }

    .right-flex-col > input {
        margin-right: 0px;
    }

    .right-flex-col > *:nth-child(2) {
        margin-left: 0px;
    }

    .dosage-wr {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .left-flex-col {
        justify-content: center;
        flex-direction: column;
        width: 100%;
        max-width: 300px;
    }

    .calc-g-txt {
        margin-right: 0px;
        margin-bottom: 15px;
        width: 250px;
        min-width: 250px;
        text-align: center;
    }

    .right-flex-col {
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: 10px;
    }

    .calc-u-txt {
        padding-right: 0px;
        text-align: center;
    }

    .btn-set-wr-flex {
        flex-direction: column;
        margin: 0px 0px 50px;
    }

    a.product-calc-btn, a.product-calc-btn-icon {
        margin: 0px 0px 15px 0px;
        max-width: 245px;
        min-width: 245px;
    }

    .general-accordion-wr .panel-title > h2 {
        color: #2d2d2d;
        text-transform: capitalize;
        font: 16px "Montserrat";
    }

    .usual-table-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0px 15px;
        height: 45px;
        border: 1px solid #dcdcdc;
        border-top: none;
        background-color: #fff;
    }

    .usual-table-row:first-child {
        border-top: 1px solid #dcdcdc;
    }

    .usual-table-row.grey {
        background-color: #efeff0;
    }

    .usual-table-row > div {
        font-weight: 400;
        font: 14px "Montserrat";
        color: #000;
    }

    .usual-table-row > .col-2 {
        font-weight: 200;
    }

    .usual-table-wrapper {
        padding: 0px 15px 15px;
    }

    .usual-table-wrapper .col-1 {
        width: 120px;
    }

    .usual-table-wrapper .col-2 {
        max-width: 300px;
        width: 100%;
    }

    .table-row {
        border: none;
    }

    .panel-default.grey .usual-table-wrapper {
        padding: 15px;
    }

    .general-accordion-wr .panel-heading {
        padding: 10px 20px;
    }

    .table-row.subhead > div {
        font-size: 16px;
    }

    .general-accordion-wr .panel-default.grey >.panel-heading {
        background-color: #efeff0;
    }

    .general-accordion-wr .panel-title > span {
        margin-top: -1px;
    }

    .general-accordion-wr .panel-group {
        margin-bottom: 0px;
    }

    .retailers-list > .list-unstyled {
        margin: 15px 0px 0px;
        padding-left: 0px;
    }

    .supplier-name {
        font-size: 22px;
        margin: 20px 0px 10px;
    }

    .supplier-details-title {
        font-size: 16px;
    }

    .supplier-details {
        line-height: 22px;
    }

    .retailers-list {
        margin-left: -10px;
    }

    .retailers-key-wr > h3 {
        font-size: 22px;
    }

    .retailers-key-wr {
        flex-direction: column;
        margin-top: 15px;
        margin-bottom: 40px;
        align-items: flex-start;
    }

    .retailers-list > .list-unstyled > li > a {
        padding: 0px 12px;
        border-right: 1px solid #2d2d2d;
    }

    .grey-filler {
        height: 50px;
    }

    .container-zero {
        padding-left: 0px;
        padding-right: 0px;
    }

    .btn-set-single-wr {
        margin-top: 0px;
    }

    .product-img-wr {
        height: 300px;
    }

    .white-one.nutrients {
        padding-bottom: 60px;
    }

    .additives  .product-item {
        max-width: 150px;
    }

    .care  .product-item {
        max-width: 170px;
    }

    .slick-prev {
        left: -8px;
    }

    .slick-next {
        right: -8px;
    }

    .single-product-wr {
        padding-left: 0px;
    }

    a.product-single-btn, a.product-single-btn-icon {
        max-width: 310px;
        margin: 15px auto 0px 0px;
    }

    .container-single-page-pad {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    a.growers_guide_btn {
        margin: 30px auto 0px auto;
    }

    a.growers_related_btn {
        margin: 20px auto 0px auto;
    }

    .article-b-txt {
        margin-bottom: 25px;
    }

    .light-topics {
        margin: 0px auto 40px auto;
    }

    .article-title {
        font-size: 27px;
    }

    .img-fig {
        width: auto;
        margin: 10px auto 25px;
    }

    .main-title-wr > h1 {
        font-size: 32px;
        margin: 0px 0px 16px -2px;
    }

    .main-title-wr > h2 {
        font-size: 17px;
    }

    .main-title-wr {
        top: 20px;
        max-width: 140px;
    }

    .flex-row {
        justify-content: center;
    }

    .nutrients .flex-row > .product-item:last-child > img {
        max-width: 100%;
    }

    a.product-item {
        margin-bottom: 30px;
    }

    /* accordion styles */
    .container.bottom-pad-40 {
        padding-top: 40px;
    }

    .panel-group > .panel > .panel-heading > .panel-title {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
        border-top: none;
    }

    a.panel-title {
        text-decoration: none;
    }

    .panel-title > h2 {
        color: #7f8900;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 26px;
        margin: 0px;
    }

    .panel-title > span {
        display: block;
        margin-top: 3px;
    }

    .panel-default>.panel-heading {
        background-color: #fff;
    }

    .panel-default.grey >.panel-heading {
        background-color: #dfdfe0;
    }

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 0px;
    }

    .panel-heading {
        padding: 15px 20px;
        border-bottom: none;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    #accordion .panel {
        margin-bottom: 0px;
        border: none;
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .panel-group .panel+.panel {
        margin-top: 0px;
    }

    .panel-body > p {
        color: #2d2d2d;
        font-family: 'Montserrat';
        text-align: justify;
        line-height: 24px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .panel-body {
        padding: 0px;
    }

    .panel-body>.direct-guide-img {
        margin: 0px 20px 20px;
        background: no-repeat center;
        background-size: cover;
        width: 219px;
        height: 229px;
    }

    .panel-default.grey .panel-body>.direct-guide-img {
        margin: 20px 20px 20px;
    }


    .list-phone.green {
        background: #7f8900;
    }

    div.list-phone {
        padding: 25px 15px 15px 15px;
    }

    .list-guide-phone > li > a {
        font-family: 'Montserrat';
        color: #fff;
        font-weight: 300;
        line-height: 25px;
    }

    .panel-default.grey .list-phone.green {
        background: #2d2d2d;
    }

    .panel-title img {
        width: 12px;
        min-width: 12px;

        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);

        -webkit-transition: all 150ms ease-in;
        -moz-transition: all 150ms ease-in;
        -ms-transition: all 150ms ease-in;
        -o-transition: all 150ms ease-in;
        transition: all 150ms ease-in;
    }

    .panel-title img.active {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);

        -webkit-transition: all 150ms ease-in;
        -moz-transition: all 150ms ease-in;
        -ms-transition: all 150ms ease-in;
        -o-transition: all 150ms ease-in;
        transition: all 150ms ease-in;
    }

    /* accordion styles */

    .head-pepper {
        position: relative;
        top: 50px;
        max-width: 320px;
        left: -20px;
        z-index: 0;
    }

    .guide-title-wr > h1 {
        font-size: 48px;
    }

    .guide-title-wr.blank-templ > h1 {
        font-size: 46px;
    }

    .guide-title-wr {
        top: 35px;
        right: 0px;
        left: 0px;
        max-width: 100%;
        text-align: center;
    }

    .relative-one.guide {
        align-items: center;
    }

    .navbar-brand {
        max-width: 190px;
        width: 190px;
    }

    img.arrow-down {
        width: 10px;
        margin-left: 5px;
    }

    img.arrow-down {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);

        -webkit-transition: all 150ms ease-in;
        -moz-transition: all 150ms ease-in;
        -ms-transition: all 150ms ease-in;
        -o-transition: all 150ms ease-in;
        transition: all 150ms ease-in;
    }

    img.arrow-down.active {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);

        -webkit-transition: all 150ms ease-in;
        -moz-transition: all 150ms ease-in;
        -ms-transition: all 150ms ease-in;
        -o-transition: all 150ms ease-in;
        transition: all 150ms ease-in;
    }

    .section-title.green-text {
        letter-spacing: 0px;
    }

    .set-gap-2 {
        margin-left: 60px;
    }

    .footer-unique-width {
        max-width: 420px;
    }

    .set-gap-1 {
        margin-left: 40px;
    }

    .testimonial-txt-wr > p {
        font-size: 14px;
    }

    .section-title.red-text {
        font-size: 48px;
    }

    #sidebar ul li a[href='#pageSubmenu']:hover {
        color: #e4e4e4;
    }

    .list-unstyled.components > li > ul > li  {
        padding-left: 15px;
    }

    .flex-guide-wrapper > .guide-item-wr {
        max-width: 246px;
    }

    .guide-txt {
        height: auto;
    }

    a.bordered-link {
        font-size: 36px;
    }

    a.bordered-link.red  {
        margin: 10px 0px;
    }

    .flex-product-item-wr {
        flex-direction: column;
        margin: 30px auto 0px;
    }

    .flex-product-item-wr > a > img {
        margin-bottom: 15px;
    }

    .relative-one {
        height: 360px;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .head-bottles {
        position: inherit;
        bottom: auto;
        left: auto;
        max-width: 260px;
        min-width: 260px;
    }

    .head-title-wr > h1 {
        line-height: 46px;
        font-size: 45px;
        margin-top: -30px;
    }

    .head-title-wr {
        position: inherit;
        max-width: 260px;

        top: auto;
        right: auto;

        margin-left: 10px;
    }

    .section-title {
        font-size: 65px;
        font-weight: 900;
    }

    .navbar-toggle {
        border: none;
        border-radius: 0px;
        margin-top: 17px;
    }

    .navbar-toggle .icon-bar {
        width: 24px;
        height: 3px;
        border-radius: 0px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #bf0101;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }

    .navbar {
        min-height: 70px;
    }

    .navbar-brand {
        height: 70px;
        line-height: 70px;
    }

    .section-subtitle {
        font-size: 25px;
        letter-spacing: 1px;
        margin-bottom: 40px;
    }

    .container-gaps.relative-pos {
        padding-bottom: 60px;
    }

    .section-title.text-65 {
        font-size: 48px;
        position: relative;
    }

    .quote-testimonial-1 {
        top: 10px;
        left: 0px;
        width: 150px;
    }

    .testimonial-txt-wr > h5 {
        margin-top: 40px;
    }

    .carousel-indicators {
        bottom: -40px;
    }

    .newsletter-title {
        font-size: 34px;
    }

    .input-wr  input[type=text] {
        max-width: 290px;
        width: 100%;
        min-width: 210px;
    }

    .input-wr  input[type=submit] {
        font-size: 18px;
        width: 100px;
    }

    .newsletter-gaps {
        padding-top: 25px;
        padding-bottom: 50px;
    }

    .input-wr {
        margin-top: 20px;
    }

    .set-gap-3, .set-gap-4 {
        max-width: 200px;
        text-align: center;
        margin: 20px auto;
    }

    .flex-guide-wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .guide-item-wr {
        margin: 0px 0px 40px;
    }

    .title-square {
        height: 60px;
        color: #fff;
        font-size: 44px;
        line-height: 58px;
        margin: -30px auto 0px auto;
        min-width: 100%;
    }

    .care .title-square, .cuttings .title-square, .control .title-square, .maintenance .title-square {
        line-height: 58px;
    }

    .guide-title-wr.intensity {
        max-width: 100%;
        text-align: center;
    }

    .grey-one {
        padding-bottom: 35px;
        padding-top: 60px;
    }

    .white-one {
        padding-bottom: 55px;
        padding-top: 60px;
    }

    .general-instructions-wr {
        margin: 0 auto 40px 0px;
    }

}

@media (max-width: 576px) {

    .guide-title-wr.blank-templ {
        top: 62px;
    }

    .guide-title-wr.blank-templ > h1 {
        font-size: 36px;
        letter-spacing: 1px;
    }

    .single-product-wr> h2 {
        font-size: 58px;
    }

    .absolute-dark-stripe.bigger-stripe {
        height: 80px;
    }

    .table-chart td {
        padding: 5px 2px;
    }

    .header-guide-container .relative-one.guide {
        height: 230px;
    }

    .product_header_bottles {
        top: 20px;
        left: 0px;
        max-width: 240px;
    }

    .right-flex-col > button {
        max-width: 265px;
    }

    .calculator-container-title {
        font-size: 41px;
        margin: 30px 0px 5px 0px;
    }

    .calculator-container-title.calc {
        font-size: 39px;
    }

    .dosage-wr > .right-flex-col > .bootstrap-select.calculator-select > button {
        width: 265px;
    }

    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 265px;
    }

    .right-flex-col > input {
        margin-bottom: 12px;
        width: 265px;
    }

    .calc-g-txt {
        margin-bottom: 10px;
        width: 265px;
        min-width: 265px;
        padding: 0px;
        height: 44px;
        line-height: 44px;
    }

    .right-flex-col {
        flex-direction: column;
    }

    .usual-table-wrapper .col-2 {
        max-width: 165px;
    }

    .slick-next, .slick-prev {
        width: 10px;
        height: auto;
        top: 39%;
    }

    .j-txt {
        font-size: 14px;
    }

    .product-img-wr {
        max-width: 320px;
        background: no-repeat center;
        background-size: contain;
    }

    .bg-yellow.title-square, .bg-turquoise.title-square, .bg-blue.title-square {
        font-size: 38px;
    }

    .bg-metal.title-square {
        font-size: 31px;
    }

    .img-car-wr {
        max-width: 150px;
        height: 200px;
        padding: 10px;
    }

    .single-related-items {
        height: 180px;
    }

    .absolute-dark-stripe {
        height: 70px;
    }

    a.product-single-btn, a.product-single-btn-icon {
        margin: 10px auto 0px auto
    }

    a.product-single-btn-icon:first-child {
        margin-top: 30px;
    }

    .txt-single-wr > p {
        font-size: 13px;
    }


    .carousel-title {
        margin: 40px 0px 30px 0px;
        font-size: 36px;
    }

    .title-square {
        font-size: 40px;
    }

    .set-gap-1 {
        margin-left: 0px;
    }

    .footer-unique-width {
        max-width: 340px;
    }

    .set-gap-2 {
        margin-left: 25px;
    }

    .head-title-wr > h1 {
        font-size: 26px;
        line-height: 28px;
        margin: 35px 0px 0px -35px;
    }

    .head-bottles {
        max-width: 250px;
        min-width: 250px;
        margin: 20px 0px 0px 15px;
    }

    .head-title-wr {
        max-width: 160px;
        margin-left: 0px;
    }

    .relative-one {
        align-items: flex-start;
    }


}

@media (max-width: 400px) {

    .head-title-wr {
        max-width: 150px;
        min-width: 150px;
        margin-left: -40px;
    }

    .head-title-wr > h1 {
        font-size: 26px;
        line-height: 28px;
        margin: 35px 0px 0px 0px;
    }

    .head-bottles {
        max-width: 250px;
        min-width: 250px;
        margin: 35px 0px 0px 0px;
    }
}

@media (max-width: 370px) {
    .head-bottles {
        max-width: 235px;
        min-width: 235px;
    }

    .head-title-wr {
        margin-left: -45px;
    }



}

@media (max-width: 359px) {

    .guide-title-wr.blank-templ h1 {
        font-size: 30px;
    }

    .paddings-light-intensity-body.blank-intensity h2.blank-second-title {
        font-size: 30px;
        margin: 3px 0px 25px;
    }

    .head-pepper {
        top: 70px;
        left: -10px;
    }

    .blank-templ.guide-title-wr h2 {
        font-size: 21px;
    }

    .guide-title-wr.blank-templ {
        top: 69px;
    }

    .head-bottles {
        max-width: 230px;
        min-width: 200px;
    }

    .relative-one {
        height: 315px;
    }

    .head-title-wr > h1 {
        font-size: 24px;
        line-height: 26px;
    }

    .head-title-wr {
        margin-left: -35px;
    }




}
/* responsive */