/* BEGIN max width 1200px */
@media (max-width: 1200px) {
    .main-col-left {
		padding: 0px!important;
	}
	.main-col-right {
		padding: 0px 0px 0px 5px!important;
	}
}
/* END max width 1200px */

@media (min-width: 767px) {

    .border-dot {
        min-height: 134px;
    }

    .intro-group {
        max-width: 260px;
        max-height: 138px;
        float:right;
    }

    .intro-group img {
        margin-top:20px;
        position:inherit;
        border-radius: 10px !important;
    }

    .catalogue .dropdown-toggle {
        cursor:default;
    }

    .main-intro .container:first-child {
        padding: 0px 5px;
    }

    .main-intro .container:last-child > .row {
        background: none!important;
        border-radius: 0px 0px 15px 15px !important;
        margin: 0px 0px 0px 0px;
    }
    .main-intro .container:last-child > .row > .row {
        background: none!important;
        margin: 2px 10px 0px 0px!important;
        border-radius: 0px;
    }
    .main-intro .container:last-child > .row > .row > .row {
        border: none!important;
        margin: 0px;
        padding: 0px;
        border-radius: 0px !important;
    }

    .dropdown-menu {
        position: relative;
        display: block;
        box-shadow: none;
        border: none;          
    }
    .dropdown > .dropdown-menu:before,
    .dropdown-toggle > .dropdown-menu:before,
    .btn-group > .dropdown-menu:before {
        display:none!important;
    }
    .dropdown > .dropdown-menu:after,
    .dropdown-toggle > .dropdown-menu:after,
    .btn-group > .dropdown-menu:after {
      display:none!important;
    }

    .page-quick-menu-sidebar-wrapper {
        /* reset main nav style */
        overflow-y:hidden;
        position: relative!important;
        left: 0;
        z-index: 4;
        color: #ffffff;
        float: left;
        text-transform: uppercase;
        background: url(../images/bg-menu.jpg) repeat-x !important;
        border-radius: 15px 15px 0px 0px;
        height: 62px !important;
        width:100%;
        margin: 0px 0px -5px 0px;
        padding: 0px !important;        
    }
    .page-quick-menu-sidebar-wrapper ul {
        margin: 0px 40px;
        list-style: none!important;
    }
    .page-quick-menu-sidebar-wrapper ul li {
        float: left;
    }
    .page-quick-menu-sidebar-wrapper ul a {
        background: url(../images/bg-menu-delim.jpg) no-repeat right top !important;
        font-size:14px;
        color: #FFFFFF !important;
        display: block;
        height: 62px;
        padding: 5px 22px !important;
        font-weight:bold;
    }
    .page-quick-menu-sidebar-wrapper ul a:hover {
        text-decoration:none!important;
    }
    .page-quick-menu-sidebar-wrapper ul > li.menu-selected {
        color: #FFFFFF !important;
        box-shadow: none;
        background: url(../images/bg-menu-hover.jpg) repeat-x top left 10px !important;
    }
    .page-quick-menu-sidebar-wrapper ul > li.menu-selected > a {
        color: #FFFFFF !important;
    }

    
}

@media (max-width: 767px) {

    #frmCart .btn-silver {
        width: 50%;
    }
    #frmCart .btn-red {
        width:50%;
        float: right;
        margin-left: 0px!important;
    }

    .box {
        border-width:5px!important;
    }

    .intro-group [class*="col-xs-12"] {
        width: 50%!important;
    }

    .intro-group {
        margin:0px!important;
    }
    .intro-group img {

        border-radius: 10px !important;
    }
    .intro-group span {
        margin:10px 5px 5px 10px;
        font-size:14px;
        float:right;
        text-align:right;
    }
    .intro-group .btn {
        margin:5px 5px 5px 0px!important;
        border-radius: 10px !important;
        float:right;
    }

    .main-intro {
        background: none !important;
    }
    .main-intro .container:last-child {
        position: relative;
        top: 0px;
        left: 0;
        right: 0px;
    }

    .main-intro .container:last-child > .row > .row > .row > ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    .box-content {
        padding: 10px 20px 10px 10px !important;
    }

    .ico-banner-butterfly-left {
        margin: 5px 0px 0px -25px;
        height:110px;
    }
    .ico-banner-butterfly-left > img {
        height:110px;
    }
    .site-logo > img {
        height:120px;
    }

    .ico-contact-adress {
        margin: 35px 10px 0px 10px;
    }
    .ico-contact-phone {
        margin: 35px 0px 0px 10px;
    }
    #map{
        height:400px!important;
    }
}

@media (max-width: 716px){
    .intro-group img {
        
    }
    .intro-group span {
        font-size:12px;
    }
}

/* START MOBLIE */
/* BEGIN max width 600px */
@media (max-width: 650px) {
	
    .main-intro .container:last-child > .row > .row > .row > ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    .intro-group [class*="col-xs-12"] {
        width: 100%!important;
    }
    
    .intro-group .border-dot {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center bottom;
    }

    .intro-group ul {
        list-style:none;
        margin: 0px;
        padding:0px;
    }
    .intro-group img {
        position:inherit;

        border-radius: 10px !important;
    }
    .intro-group span {
        margin:5px 5px 5px 5px;
        font-size:14px;
        float: none;
        text-align: center;
        display: block;
    }
    .intro-group .btn {
        margin:5px!important;
        border-radius: 10px !important;
        float:none;
        display:block;
    }

}
/* END max width 600px */

/* BEGIN min width 1025px */
@media (min-width: 1025px) {
    .main-col-left {
		padding: 0px!important;
	}
	.main-col-right {
		padding: 0px!important;
	}
	.catalogue {
		padding: 0px 5px 5px 0px!important;
	}
	.hotproduct {
		padding: 0px 5px 0px 0px!important;
	}
}
/* END min width 1025px */

/* BEGIN min width 1025px max width 1205 */
@media (min-width: 1025px) and (max-width: 1205px) {
    .main-col-left {
		padding: 0px!important;
	}
	.main-col-right {
		padding: 0px 0px 0px 0px!important;
	}
}
/* END min width 1025px max width 1205 */

/* BEGIN max width 1024px */
@media (max-width: 1024px) {
    
}
/* END max width 1024px */

/* BEGIN max width 992px */	
@media (max-width: 992px) {

	.catalogue {
		padding: 0px 0px 5px 0px!important;
	}
	.hotproduct {
		padding: 0px 0px 0px 5px!important;
	}
	.main-col-right {
		padding: 0px 0px 0px 0px!important;
	}
}
/* END max width 992px */

/* BEGIN max width 501px */
@media (max-width: 501px) {

    #toast-container.toast-top-center>div, 
    #toast-container.toast-bottom-center>div {
        width: 300px;
        margin: 10px auto;
    }

}

/* BEGIN max width 330px */
@media (max-width: 399px) {

    
    .page-quick-menu-sidebar-toggler span {
        display:none;
    }

    .intro-group {
        margin:0px!important;
    }
    .intro-group img {
        margin-top:5px;
        padding:0px 0px 0px 0px!important;\
    }
    .intro-group span {
        margin:10px 0px 5px 0px;
        font-size:12px;
        float: none;
        text-align: center;
        display: block;
    }
    .intro-group .btn {
        display:none;
    }
}
/* END max width 320px */