@media (max-width: 1240px) {
    #main.single-product .steps .background::after,
    #main.products .steps .background::after {
        display: none;
    }
}

@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: #532f64;
        font-weight: bold;
        text-shadow: 0 1px 3px #fff; }
    .slicknav_menu .slicknav_icon-bar {
        background-color: #532f64; }

    .slicknav_btn {
        margin: 5px 5px 6px;
        text-decoration: none;
    }
    .slicknav_nav {
        color: #532f64;
        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: #532f64;
        color: #fff; }
    .slicknav_nav a {
        padding: 5px 10px;
        margin: 2px 5px;
        text-decoration: none;
        color: #532f64; }
    .slicknav_nav a:hover {
        background: #532f64;
        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;
    }

    .title {
        font-size: 36px;
        line-height: 40px;
    }

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

    #mobile-menu {
        position: relative;
    }

    #mobile-menu .mobile-logo {
        position: absolute;
        top: 10px;
        left: 15px;
    }

    #mobile-menu .mobile-logo img {
        width: auto;
        height: 30px;
    }

    #mobile-menu .wpml-ls {
        position: absolute;
        top: 12px;
        right: 90px;
    }

    #mobile-menu .wpml-ls li {
        float: left;
        margin: 0 5px;
    }

    #header, #header.sticky {
        padding: 0;
    }

    #slider .slider-content {
        background-size: auto 75%;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    #home-about article .subtitle {
        font-size: 16px;
        margin-bottom: 25px;
    }

    #main {
        padding-top: 0;
    }

    #main #product-dropdown .heading .title {
        font-size: 26px;
        line-height: 30px;
    }

    #main.products {
        padding-bottom: 30px;
    }

    #main.single-product .steps,
    #main.products .steps {
        padding-top: 30px;
    }

    #main.single-product .steps .background,
    #main.products .steps .background {
        text-align: center;
        padding: 15px;
    }

    #main.single-product .steps .content,
    #main.products .steps .content {
        padding: 10px 20px;
    }

    #main.single-product .steps article, #main.products .steps article {
        min-height: 100%;
    }

    #main.single-product .steps article .content, #main.products .steps article .content {
        position: relative;
        top: 0;
        transform: none;
        padding: 15px;
    }

    #footer .f-logo {
        margin-right: 20px;
    }

    #footer .f-logo img {
        max-width: 80px;
    }
}
 
@media (max-width: 768px) {
	.col-sm-show {
		display:block !important
	}
    
	.col-sm-hide {
		display:none !important
	}

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

    #slider .slider-content {
        background: none;
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: center;
    }

    #slider .heading {
        padding-bottom: 20px;
    }

    #slider .heading h1 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    #slider .heading h2 {
        font-size: 34px;
        line-height: 36px;
    }

    #slider .content p {
        line-height: 1.6;
    }

    #slider .links {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #slider .links a {
        width: 100%;
        display: block;
        margin: 10px auto;
        text-align: center;
    }

    #slider .links a.about::before {
        display: none;
    }

    #home-about {
        padding-top: 0;
        padding-bottom: 15px;
    }

    #home-about .a_thumb img {
        max-height: 150px;
        display: table;
        margin: 15px auto 0 auto;
    }

    #home-about article {
        padding-top: 30px;
    }

    #home-service {
        background-position: center top!important;
    }

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

    #home-service .icon {
        margin-bottom: 15px;
    }

    #home-service h3 {
        font-size: 16px;
        max-width: 100%;
        line-height: 1.4;
    }

    #home-service .service-container {
        padding-top: 20px;
    }

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

    #breadcrumbs {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #main .page-header span, #main .page-header span::after {
        display: none;
    }

    #main .page-header,
    #main.archive-product .page-header {
        text-align: center;
        padding: 15px;
        line-height: 1.4;
    }

    #main .page-header h1 {
        font-size: 24px;
    }

    #main .page-content {
        padding-top: 15px;
    }

    #main .page-content article h1 {
        font-size: 26px;
        line-height: 30px;
    }

    #main .page-content article h2 {
        font-size: 22px;
        line-height: 26px;
    }

    #main .page-content article h3 {
        font-size: 20px;
        line-height: 24px;
    }

    #main .page-content article h4 {
        font-size: 16px;
        line-height: 20px;
    }

    #main .page-content article h5 {
        font-size: 12px;
        line-height: 16px;
    }

    #main .page-content article h6 {
        font-size: 8px;
        line-height: 12px;
    }

    #main.category .tabs ul {
        display: block;
        width: 100%;
    }

    #main.category .tabs li {
        width: 50%;
    }

    #main.category .tabs li a {
        font-size: 16px;
        padding: 10px 20px;
        display: block;
        width: 100%;
        border: 1px solid #d7d7d7;
        margin-bottom: 5px;
        text-align: center;
    }

    #main.category .tabs li.active a, #main.category .tabs li:hover a {
        border: 1px solid #472358;
    }

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

    #main.category .category-container .cover {
        width: 150px;
        height: 150px;
        padding: 10px;
        margin-bottom: 10px;
    }

    #main.category .category-container .cover img {
        max-width: 100%;
        max-height: 100%;
    }

    #main.category .category-container h3 {
        font-size: 14px;
        line-height: 1.2;
    }

    #main.category .category-container span {
        font-size: 12px;
    }

    #main.category .tabs {
        margin: 0;
        padding-top: 10px;
        padding-bottom: 20px;
        border: 0;
    }

    #main.category .category-container .item {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #main.page .p_content {
        float: none;
        clear: both;
    }

    #main.page aside {
        padding-top: 30px;
    }

    #main.page aside ul.product-categories ul li {
        padding: 1px 20px 0 55px;
    }

    #main.single-product {
        padding-bottom: 15px;
    }

    #main.single-product .p_thumbnail {
        text-align: center;
    }

    #main.single-product .symbol {
        float: none;
        text-align: center;
    }

    #main.single-product .symbol::after {
        display: none;
    }

    #main.single-product .name h1 {
        font-size: 28px;
        text-align: center;
    }

    #main.single-product .name h2 {
        font-size: 18px;
        text-align: center;
    }

    #main.single-product .steps .background h3,
    #main.products .steps .background h3 {
        font-size: 24px;
    }

    #main.single-product .steps .background div,
    #main.products .steps .background div {
        font-size: 18px;
        min-height: 100%;
        margin-bottom: 15px;
    }

    #main.single-product .steps .background span,
    #main.products .steps .background span {
        font-size: 72px;
    }

    #main.grants {
        padding-bottom: 0;
    }

    #main.grants .logos {
        padding-top: 0;
        padding-bottom: 10px;
    }

    #main.grants .logo {
        padding: 0 10px;
    }

    #main.grants .inquiries {
        padding-top: 30px;
    }

    #main.grants .title {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 10px;
        text-align: center;
    }

    #main.grants .inquiry-group {
        padding: 30px 0;
    }

    #main.grants .date {
        text-align: center;
        padding: 0 0 15px 0;
    }

    #main.grants .date::after {
        position: relative;
        top: 0;
        display: block;
        margin: 0 auto;
        transform: rotate(90deg);
    }

    #main.contact .panel {
        font-size: 16px;
        padding: 20px 15px;
        text-align: center;
    }

    #main.contact .panel .contacts::before {
        content: "";
        width: 110px;
        height: 2px;
        background: #f1e8f5;
        display: block;
        margin: 15px auto;
    }

    #main.contact .panel .contacts {
        padding-left: 0;
    }

    #main.contact .title {
        font-size: 26px;
        line-height: 30px;
        margin-top: 30px;
        margin-bottom: 10px;
        text-align: center;
    }

    #main.contact .form-group {
        padding-top: 0;
        padding-bottom: 5px;
    }

    #main.contact .f_label {
        text-align: center;
    }

    #main.contact .form-submit {
        float: none;
        display: block;
        margin: 10px auto 0 auto;
    }

    #main.contact .map {
        padding-top: 0;
    }

    #main.contact .map .title {
        margin-bottom: 15px;
    }

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

    #main.archive-product {
        padding-bottom: 15px;
    }

    #main.archive-product .page-content .title {
        font-size: 26px;
        line-height: 30px;
        margin-top: 10px;
        margin-bottom: 30px;
        text-align: center;
    }

    #main.products article header {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #main .page-content article table.shop_table td.product-name .image {
        display: table;
        margin: 0 auto;
        float: none;
    }

    #main .woocommerce table.shop_table td.product-name .name {
        float: none;
        padding: 15px 0;
        text-align: center;
    }

    .input-text {
        min-width: 150px;
    }

    #main .woocommerce table.shop_table .actions .update {
        margin-left: 0;
    }

    #main .woocommerce table.shop_table .cart-collaterals {
        width: auto;
        float: none;
        text-align: center;
        margin-top: 15px;
    }

    #main .woocommerce .cart-finish .readmore {
        padding: 5px 15px;
    }

    #main .woocommerce .cart-finish .checkout-button {
        padding: 5px 11px;
    }

    #login {
        padding-top: 30px;
        padding-bottom: 0;
    }

    #login form {
        width: 100%;
        max-width: 100%;
        float: none;
        padding-right: 0;
    }

    #login h2 {
        font-size: 18px;
    }

    #login h3 {
        font-size: 28px;
    }

    #login .button-login {
        font-size: 16px;
        margin-top: 15px;
    }

    #main.register h2 {
        text-align: center;
    }

    #register .form-group .label {
        text-align: left;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 15px;
    }

    #register .form-submit .button {
        float: none;
        display: table;
        margin: 0 auto;
    }

    #product-slider {
        display: none;
    }

    #main #product-dropdown {
        padding: 10px 0;
    }

    #main #product-dropdown .heading.left,
	#main #product-dropdown .heading.right{
        background: none;
        min-height: 100%;
    }
	#main #product-dropdown .heading.new_products,
	#main #product-dropdown .heading.special_offer{
        background-image: none;
        min-height: 100%;
    }

    #main.woocommerce-archive .product-group .title {
        font-size: 28px;
        line-height: 34px;
        text-align: center;
    }

    #main.woocommerce-archive #archive-news {
        padding-top: 15px;
    }

    #main #product-dropdown .heading .title {
        font-size: 22px;
        line-height: 24px;
        position: relative;
        top: 0;
        transform: none;
        left: 0;
        padding: 10px 0;
        text-align: center;
    }

    #main #product-dropdown .dropdown-content {
        width: calc(100% - 30px);
    }

    #main #product-dropdown > .row > div:nth-of-type(2n) .dropdown-content {
        left: 15px;
    }

    #main #product-dropdown .heading h2::after {
        width: 8px;
        height: 5px;
        margin-left: 10px;
        background-size: 8px 5px;
    }

    #main #product-dropdown .etabs li a {
        font-size: 12px;
        padding: 10px;
    }

    #main #product-dropdown .etabs li a::after {
        margin-left: 10px;
    }

    #main #product-dropdown .dropdown-menu ul {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

    #main #product-dropdown .dropdown-menu li a {
        font-size: 12px;
    }

    #footer .top {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #footer .address {
        clear: both;
        padding-top: 15px;
    }

    #footer .f-logo {
        margin: 0;
        float: none;
    }

    #footer .f-logo img {
        display: table;
        margin: 15px auto;
    }

    #footer .content {
        overflow: visible;
        clear: both;
        text-align: center;
        line-height: 1.4;
    }

    #footer .bottom {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #footer .bottom .item {
        padding: 2px 0;
        margin: 0;
    }

}