.header {
position: absolute;
}

.offset, .mobile-nav {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.close-mobile-menu, .mobile-menu{
display: block;
width: 46px;
height: 46px;
border: 1px solid #79c69f;
line-height: 46px;
text-align: center;
text-decoration: none;
border-radius: 3px;
color: #79c69f;
background-color: white;
}

.overflowhidden {
overflow: hidden;
}

.menu-open .offset {
-moz-transform: translateX(320px);
-webkit-transform: translateX(320px);
-o-transform: translateX(320px);
-ms-transform: translateX(320px);
transform: translateX(320px);
}

.close-mobile-menu {
position: absolute;
top: 16px;
right: 12px;
}

.close-mobile-menu:hover, .mobile-menu:hover {
background-color: #79c69f;
color: white;
}

.mobile-menu {
position: absolute;
top: 16px;
right: 16px;
z-index: 10000;
display: none;
}


.mobile-nav {
width: 320px;
height: 100%;
position: fixed;
background-color: white;
z-index: 10000;

overflow: auto;
top: 0;
left: 0;

-moz-transform: translateX(-320px);
-webkit-transform: translateX(-320px);
-o-transform: translateX(-320px);
-ms-transform: translateX(-320px);
transform: translateX(-320px);
}

.menu-open .mobile-nav {
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
}


.mobile-nav ul {
padding-top: 80px;

}

.mobile-nav ul, .mobile-nav ul li, .mobile-nav ul li a {
display: block;
width: 100%;
clear: both;
}

.mobile-nav ul li a {
height: 60px;
line-height: 60px;
font-size: 16px;
text-align: center;
text-decoration: none;
color: #43929e;
font-weight: 600;
}

.mobile-nav ul li.active a {
color: white;
background-color: #79c69f;
}

@media screen and (max-width: 1200px) {
   .header .menu ul {
   display: none;   
   }

.footer .col-1-4.last {
    padding-left: 16px;
}   

.mobile-menu {
display: block;
}

}



@media screen and (max-width: 780px) {

.section.home .relative img {
min-height: 400px;
}

.slide-wrapper {
text-align: center;
padding-left: 44px;
padding-right: 44px;
}

.aboutus .col.text, .aboutus .col {
text-align: center;
}

.aboutus .col.img:first-child {
display: none;
}

.home .text-p1 {
    max-width: 100%;
}

.section.home.small .relative img {
min-height: 260px;
}

.bradcrumb {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
justify-content: center;
}

.bradcrumb li {
font-size: 13px;
}

.col.margin-top {
    margin-top: 0;
}

.h1 {
    font-size: 32px;
}

.h2 {
font-size: 26px;
}

.h3 {
    font-size: 22px;
}

.text-pb1, .offer-box .h3, .text-pb2 {
    font-size: 16px;
}


.col-1-2, .col-2-4 {
    width: 100%;
}

.col-1-3 {
    width: 100%;
}

.section.aboutus.article .row:nth-child(2n+1) .col.img {
    padding-right: 0;
    padding-left: 0;
}

.section.aboutus.article .row:nth-child(2n+1) .col.text {
padding-left: 16px;
padding-right: 16px;
}

.section.home, .section.opinion, .section.offer-first, .section.offer, .section {
padding: 0;
}

.section.aboutus, .section.offer-first, .section.welcome, .contact-form .row.relative {
padding-top: 60px;
padding-bottom: 60px;
}

.section.offer {
padding-bottom: 60px;
}

.section p:last-child {
margin-bottom: 0 !important;
}

.aboutus .col.img {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 20px;
}


.aboutus .col.text {
    padding-left: 16px;
    padding-right: 16px;
}

.footer {
padding-top: 28px;
}

.footer .col-2-4 {
    width: 100%;
    margin-bottom: 32px;
    margin-top: 32px;
    padding-left: 16px;
    padding-right: 16px;
}

.footer .col-1-4, .footer .col-1-4.last {
    width: 50%;
    margin-bottom: 32px;
    margin-top: 32px;
    padding-left: 16px;
    padding-right: 16px;    
}

.footer .bottom {
    margin-top: -32px;
}

.section.offer .row, .row {
   justify-content: center;
}

.section.offer .col-1-3, .offer-box.col-1-3 {
max-width: 340px;
}

.button.big {
    font-size: 17px;
}

.offer-box.col-1-3 {
margin-top: 15px;
margin-bottom: 15px;
}

.opinion .relative img {
    min-height: 400px;
}

.opinion .text-pb2 {
padding-left: 24px;
padding-right: 24px;
}

.opinion .slide-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 16px;
    padding-right: 16px;
}


}


@media screen and (max-width: 480px) {

.footer .col-1-4, .footer .col-1-4.last {
    width: 100%;  
}

	
	
}