@media only screen and (max-width: 768px) {
    h2 {
        font-size: 30px;
        
    }

    .main-header .header-container {
        height: 80px;
    }
    .main-header .logo-cell{
        left: 20px;
    }
   .aboutSubHeader p {
        font-size: 20px !important;
        line-height: 40px;
    }
    .claimContent h2 {
        font-size: 20px;
    }
    .productContent .flex-col {
        width: 100%;
    }
    .imgInText img{
        float: none !important;
    }
    .main-header .mobile-menu-cell {
        margin-top: 0 !important;
    }
    .article-list-control.three-col-image .content .articles .item {
        width: 100%; 
    }
    .article .content .body{
        margin: 25px !important;
    }
}
@media only screen and (min-width: 768px) {
  .foot-menu-row .col-sm-4{
    width: auto !important
  }
  .foot-menu-row .col-sm-4:last-child {
        float: right;
        width: 250px !important;
  }
  .main-header .logo-cell img {
    width: 100% !important;
    height: auto !important;
  }
  .articles .item .button-block {
        position: absolute;
        left: 20px;
        bottom: 0;
    }
}
@media (min-width: 768px) and (max-width: 1200px){
    .main-header .menu-cell {
        display: none!important;
    }
    .main-header .mobile-menu-cell {
        display: block!important;
    }
    html.mobile-menu-open .mobile-nav {
        height: calc(100vh - 80px);
        overflow: auto;
        filter: alpha(opacity=100);
        opacity: 1;
        margin-top: 1px;
    }
    .menu-cell .dropdown:hover .dropdown-menu {
        display: none !important;
    }
}
@media (max-width: 1204px) {
    /*.main-header .logo-cell {*/
    /*    width: 81% !important;*/
    /*}*/
     .mobile-nav .m-nav-cell ul li {
        position: relative;
        border-bottom: 1px solid #e6e6e6;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500!important;
        font-size: 16px;
        float: left;
        width: 100%;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        box-shadow: none;
    }
    .dropdown-menu>li>a {
        color: #000;
        padding: 7px 30px;
    }
    .main-header .mobile-menu-cell {
        margin-top: 30px;
    }
    li.dropdown.open>a .icon-font {
        transform: rotateX(-180deg) !important;
    }
    .mobile-nav .m-nav-cell ul li a {
        position: relative;
        display: block;
        line-height: 30px;
        padding: 15px 30px;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 40px 5px 40px;
    }
    .mobile-nav .m-nav-cell ul li a .icon-font {
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -10px;transform: rotate(0deg);
        transition: all .3s;
    }
    .navbar-nav .open .dropdown-menu {
        background-color: #f8f8f8;
        float: left;
        width: 100%;
    }
    html.mobile-menu-open #mobile-menu-btn .close {
        display: block;
    }
    html.mobile-menu-open #mobile-menu-btn .open {
        display: none;
    }
    .caret {
        display: inline-block !important;
        width: auto;
        height: auto;
        font-size: 25px;
        margin-left: 2px;
        border-top: none;
        border-right: none;
        border-left: none;
        margin-top: -3px;
        transition: 0.4s all ease !important;
    }
    .module-hero .hero-slider {
        height: 200px;
    }
    .module-hero .bg-container .slick-slide {
       height:200px !important;
    }
    .module-hero .container .inner-container{
       height:200px !important;
    }
}
@media (min-width: 1024px)
{   
    .productContent .flex-cta .col-md-6{
        width: 25%;
    }
  .section.section-default {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .smallWidthLeft .header-block  {
    max-width: 800px;
    float: left;
  }
  .main-header .header-container{
        max-width: 1300px;
    }
    .module-hero .hero-slider {
        height: 450px;
    }
    .module-hero .bg-container .slick-slide {
       height:450px !important;
    }
    .module-hero .container .inner-container{
       height:450px !important;
    }
    .main-footer .left-cell a {
        text-decoration: none;
        padding-right: 20px;
        position: relative;
    }
    .main-footer .left-cell a:hover {
        color: #8d7966;
    }
    .main-footer .left-cell a:not(.lastLink):after {
        content: "|";
        right: 2px;
        position: absolute;
    }
   .main-footer .left-cell a:hover:after {
        color: #fff;
    }
}