@media (max-width: 992px) {
    .col-md-show {
		display:block !important
	}
    
	.col-md-hide {
		display:none !important
	}

    body {
        padding-top: 49px;
    }

    #menu {
        display: none;
    }

    #mobile-menu, .slicknav_menu {
        display: block;
    }

    .slicknav_btn {
        position: relative;
        display: block;
        vertical-align: middle;
        float: right;
        padding: 0.438em 0.625em 0.438em 0.625em;
        line-height: 1.125em;
        cursor: pointer; }
    .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
        margin-top: 0.188em; }

    .slicknav_menu {
        *zoom: 1; }
    .slicknav_menu .slicknav_menutxt {
        display: block;
        line-height: 1.188em;
        float: left; }
    .slicknav_menu .slicknav_icon {
        float: left;
        width: 1.125em;
        height: 0.875em;
        margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
        background: transparent;
        width: 1.125em;
        height: 0.875em;
        display: block;
        content: "";
        position: absolute; }
    .slicknav_menu .slicknav_no-text {
        margin: 0; }
    .slicknav_menu .slicknav_icon-bar {
        display: block;
        width: 1.125em;
        height: 0.125em;  }
    .slicknav_menu:before {
        content: " ";
        display: table; }
    .slicknav_menu:after {
        content: " ";
        display: table;
        clear: both; }

    .slicknav_nav {
        clear: both; }
    .slicknav_nav ul {
        display: block; }
    .slicknav_nav li {
        display: block; }
    .slicknav_nav .slicknav_arrow {
        font-size: 0.8em;
        margin: 0 0 0 0.4em; }
    .slicknav_nav .slicknav_item {
        cursor: pointer; }
    .slicknav_nav .slicknav_item a {
        display: inline; }
    .slicknav_nav .slicknav_row {
        display: block; }
    .slicknav_nav a {
        display: block; }
    .slicknav_nav .slicknav_parent-link a {
        display: inline; }

    .slicknav_brand {
        float: left; }

    .slicknav_menu {
        font-size: 16px;
        box-sizing: border-box;
        background: #fff;
        -webkit-box-shadow: 0px 0px 15px -8px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 15px -8px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 15px -8px rgba(0,0,0,0.75);
        padding: 5px; }
    .slicknav_menu * {
        box-sizing: border-box; }
    .slicknav_menu .slicknav_menutxt {
        color: #0d0d0d;
        font-weight: bold;
        text-shadow: 0 1px 3px #0d0d0d; }
    .slicknav_menu .slicknav_icon-bar {
        background-color: #0d0d0d; }

    .slicknav_btn {
        margin: 5px 5px 6px;
        text-decoration: none;
    }
    .slicknav_nav {
        color: #0d0d0d;
        margin: 0;
        padding: 0;
        font-size: 0.875em;
        list-style: none;
        overflow: hidden;
        padding-top: 10px;}
    .slicknav_nav ul {
        list-style: none;
        overflow: hidden;
        padding: 0;
        margin: 0 0 0 20px; }
    .slicknav_nav .slicknav_row {
        padding: 5px 10px;
        margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        background: #fff;
        color: #0d0d0d; }
    .slicknav_nav a {
        padding: 5px 10px;
        margin: 2px 5px;
        text-decoration: none;
        color: #0d0d0d; }
    .slicknav_nav a:hover {
        background: #d57922;
        color: #fff; }
    .slicknav_nav .slicknav_txtnode {
        margin-left: 15px; }
    .slicknav_nav .slicknav_item a {
        padding: 0;
        margin: 0; }
    .slicknav_nav .slicknav_parent-link a {
        padding: 0;
        margin: 0; }

    .slicknav_brand {
        color: #fff;
        font-size: 18px;
        line-height: 30px;
        padding: 7px 12px;
        height: 44px;
    }

    .section {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .readmore::before {
        border-width: 0 0 40px 20px;
        left: -20px;
    }

    .readmore {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        margin: 0 20px;
    }

    .readmore::after {
        border-width: 40px 20px 0 0;
        right: -20px;
    }

    .readmore span {
        background-size: 14px 6px!important;
        width: 14px;
        height: 6px;
    }

    #mobile-menu {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999;
    }

    .mobile-logo {
        position: absolute;
        top: 8px;
        left: 15px;
    }

    .mobile-logo img {
        max-height: 30px;
    }

    #home-slider .background {
        padding: 60px 0 120px 0;
        min-height: 100%;
    }

    #home-about .more {
        padding-top: 15px;
    }

    #home-slider .slide-content {
        padding-left: 15px;
    }

    #home-slider h1 {
        font-size: 36px;
    }

}
 
@media (max-width: 768px) {
	.col-sm-show {
		display:block !important
	}
    
	.col-sm-hide {
		display:none !important
	}

    body {
        font-size: 14px;
    }

    .heading::before {
        display: none;
    }

    .title {
        font-size: 26px;
        line-height: 30px;
    }

    .title span {
        font-size: 18px;
        line-height: 22px;
    }

    #home-slider h1 {
        font-size: 18px;
    }

    #home-slider .slide-content {
        width: 100%;
        padding: 15px;
        height: auto;
        text-align: center;
    }

    #home-slider .slide-content::after {
        display: none;
    }

    #home-slider h1 {
        padding: 0;
    }

    #home-slider .background {
        padding: 30px 0;
    }

    #home-slider .readmore {
        float: none;
        position: relative;
        top: 0;
        right: 0;
        margin-top: 15px;
    }

    #home-about article {
        padding-right: 0;
    }

    #home-about article p {
        margin: 15px 0;
    }

    #home-about .more {
        padding-bottom: 30px;
        text-align: center;
    }

    #home-offer .offer-container {
        padding-top: 0;
        padding-bottom: 30px;
    }

    #home-offer .title {
        font-size: 24px;
    }

    #home-offer .title::before {
        display: none;
    }

    #home-offer {
        padding: 30px 0;
    }

    #home-offer .item {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #home-offer h3 {
        font-size: 16px;
        line-height: 1.2;
        margin-top: 15px;
    }

    #home-offer p {
        font-size: 16px;
    }

    #main #page-image {
        height: 45px;
    }

    #main article header {
        padding-bottom: 15px;
    }

    #main article header .title {
        font-size: 26px;
        margin: 0;
    }

    #main article p {
        margin: 15px 0;
    }

    #main article h1 {
        font-size: 26px;
    }

    #main article h2 {
        font-size: 22px;
    }

    #main article h3 {
        font-size: 18px;
    }

    #main article h4 {
        font-size: 14px;
    }

    #main article h5 {
        font-size: 10px
    }

    #main article h6 {
        font-size: 6px;
    }

    #main article .readmore {
        float: none;
        display: table;
        margin: 30px auto 0 auto;
    }

    #main article ul, #main article ol {
        margin: 15px 0;
    }

    #main.contact .detail-container {
        padding-top: 30px;
    }

    #main.contact .detail-container li {
        padding: 10px 0 10px 40px;
    }

    #main.contact .map-container {
        height: 200px;
        position: relative;
        margin-top: 30px;
    }

    #main.contact .c_right {
        padding-top: 30px;
        clear: both;
    }

    #main.contact form {
        padding-top: 15px;
        padding-left: 0;
    }

    #main.contact .form-control {
        padding: 5px 10px;
    }

    #footer {
        text-align: center;
    }

    #footer .detail::before, #footer ul::before {
        display: none;
    }

    #footer .detail {
        padding: 30px 0;
    }

    #footer ul {
        display: table;
        margin: 0 auto;
        float: none;
    }

    #footer ul li {
        float: left;
        margin: 0 5px;
    }

    #footer .copyright {
        float: none;
    }

}

