/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.header .info{font-size: 14px;}
	.main-slide .title{
		font-size: 36px;
		line-height: 1.2;
		padding-top: 30px;
	}
	.section-title, .content h2{font-size: 36px; padding: 70px 0 40px;}
	.advantages .item .caption{font-size: 18px;}
	.work .title{font-size: 24px; line-height: 1.2;}
	.work .text p{padding: 5px 0;}
	.pricebox .item .name{font-size: 24px;}
	.pricebox .item .list{min-height: 160px; padding: 20px 15px 0;}
	.map .title{font-size: 36px;}
	.order-btn, .footer .info p{font-size: 20px;}
	.videobox{margin-top: 20px;}
	.services .item .name{font-size: 24px;}
	.services .item .text{font-size: 14px;}
	.stock .item .date {
        font-size: 16px;
        top: 15px;
        left: 15px;
        right: inherit;
        bottom: inherit;
        background: #ffffff;
        padding: 5px 10px;
        border-radius: 10px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .customclearfix{clear:both!important;}
    .stock .content{padding: 15px;}
    .stock .item .title{padding-left: 15px; padding-right: 15px;}
    .menu > ul > li > a{font-size: 16px;}
	.header .info{
		padding: 10px 0;
		margin: 0;
	}
	.header .info.adres,
	.header .info.time,
	.header .info.phone{
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
		padding-left: 30px;
		background-position: left 10px;
	}
	.header .text-center, .header .text-right{text-align: left;}
	.header .info p span{
		display: inline-block;
		padding: 0 0 0 15px;
		vertical-align: top;
	}
	.header .info-wrapper{padding: 15px;}
	.header .info b{display: inline-block; width: 150px; line-height: 1.4;}
	.main-slide .title{font-size: 24px; line-height: 1.4;}
	.section-title, .content h2{
		font-size: 24px;
		padding: 50px 0 35px;
	}
	.work .title{font-size: 20px;}
	.pricebox .item{margin-bottom: 85px;}
	.pricebox .item.last{margin-bottom: 0;}
	.content > p:first-child{padding-top: 0;}
	.map .title{font-size: 24px; padding: 15px 0;}
	.order-btn, .footer .info p{font-size: 18px;}
	.filter{flex-wrap: wrap; justify-content: flex-start;}
	.filter .selecter{width: 30%; margin: 0 10px 10px 0;}
	.filter .reset{margin: 0 10px 10px 0;}
	.product .product-wrapper{padding-right: 0;}
	.product .product-buttons{flex-wrap: wrap;}
	.product .product-buttons > a{font-size: 16px; width: 100%; margin-bottom: 15px;}
	.our-work .item .more{padding: 16px 40px;}
	.our-work .item .cost, .our-work .item .name{font-size: 24px;}
	.our-work .item .square{font-size: 14px;}
	.services .item .text{min-height: 80px;}
	.downloadbox .links a{margin-bottom: 15px;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.service-inner .offer-info{flex-wrap: wrap;}
	.menu > ul{flex-wrap: wrap; justify-content: flex-start; padding: 10px 0;}
	.menu > ul > li > a{
		font-size: 16px;
		padding: 5px 15px;
		width: max-content;
	}
	.main-slide .price p{font-size: 16px; line-height: 1.4;}
	.main-slide .price p span{font-size: 20px;}
	.main-slide .price{width: 180px; height: 180px; box-shadow: 0 0 0 1px #efd899, 0 0 0 10px #fae2a0; border-width: 10px;}
	.main-slide{
		height: 430px;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.main-slide .buttonbox{padding-top: 80px;}
	.advantages .item{text-align: center;}
	.work img{width: 100%; margin-top: 15px;}
	.about .content .inner{column-count: 1;}
	.consult .form input[type="text"]{margin-bottom: 30px;}
	.footer .bottom-menu, .footer .copy{display: none;}
	.footer .text{padding: 10px 0;}
	.order-btn, .footer .info p{font-size: 16px; line-height: 1.6;}
	.main-slide .title{font-size: 20px; padding-left: 0;}
	.product .product-buttons, .product .desc{margin-bottom: 40px;}
	.pagetitle{font-size: 24px; padding-top: 40px;}
	.services .item .name{font-size: 20px; padding: 10px 15px;}
	.services .item .text{min-height: auto; padding-left: 15px; padding-right: 15px;}
	.services .item .more{font-size: 16px; padding: 12px 40px;}
	.service-inner .caption{font-size: 24px; padding: 20px 0 10px;}
	.downloadbox .title{font-size: 24px; padding: 30px 0 20px;}
	.contact-info .title{font-size: 18px;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .main-slide {height: 300px;}
    .videobox iframe{height: 250px;}
    .product .desc .product-price{display: block;}
    .product .desc .product-price .old{padding-top: 5px;}
    .product .desc .buy-btn{margin-bottom: 0;}
    .stock{padding-bottom: 50px;}
    .stock .item .date{font-size: 12px;}
    .stock .item .title{font-size: 18px; text-align: center; line-height: 1.2;}
    .stock .content p{font-size: 14px; padding: 5px 0;}
	.header .col-xs-4, .header .col-xs-8, #contact-form button[type="submit"]{width: 100%;}
	.header .logo{padding-top: 20px;}
	.header .info.adres, .header .info.time, .header .info.phone {
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
    padding-left: 25px;
    background-position: left 7px;
  }
  .header .info{padding: 5px 0;}
  .menu{display: none;}
  .menubox{box-shadow: 0 2px 3px rgba(0, 0, 0, .1);}
  .menu > ul {
  	display: block;
    background: #ffffff;
    position: relative;
    z-index: 100;
    margin: 0 -15px;
	}
  #nav-icon{
		cursor: pointer;
		display: inline-block;
		width: 28px;
		height: 22px;
		position: relative;
		margin: 15px 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	#nav-icon span{
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: #2A292F;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	#nav-icon span:nth-child(1){top: 0px;}
	#nav-icon span:nth-child(2),#nav-icon span:nth-child(3){top: 9px;}
	#nav-icon span:nth-child(4){top: 18px;}
	#nav-icon.open span:nth-child(1){top: 27px; width: 0%; left: 50%;}
	#nav-icon.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#nav-icon.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#nav-icon.open span:nth-child(4) {
		top: 18px;
		width: 0%;
		left: 50%;
	}
	.main-slide .flex{display: block;}
	.main-slide .title{text-align: center;}
	.main-slide .price{margin: 30px auto 0;}
	.main-slide .buttonbox{padding-top: 30px;}
	.pricebox .item{border: 1px solid #e5e5e5; box-shadow: none;}
	.pricebox .item:before{display: none;}
	.header .info p span{display: block; padding-left: 0;}
	.order-btn:before{right: 55px;}
	.order-btn{padding: 15px 80px 15px 50px; font-size: 14px; margin-top: 70px;}
	.section-title, .content h2{
	    font-size: 20px;
	    padding: 40px 0 25px;
	}
	.advantages .item{padding-bottom: 30px;}
	.pricebox .item .list{min-height: auto;}
	.work .title, .pricebox .item .more, .advantages .item .caption{font-size: 16px; text-align: center;}
	.work .text p, .pricebox .item .list li, .advantages .item .text,
	.content p, .content ul li, .content ol li{font-size: 14px;}
	.catalog .item{border: 1px solid #e5e5e5; box-shadow: none;}
	.catalog .item:hover{box-shadow: none;}
	.catalog .item .slider .owl-dot{
		width: 10px;
		height: 10px;
		margin: 0 5px;
	}
	.about .content{padding-bottom: 40px;}
	.map .title, .form .form-title{font-size: 20px;}
	.consult{padding-bottom: 70px;}
	.consult .col-sm-4{text-align: center;}
	.footer .logo{padding: 25px 0 10px;}
	.footer .soc-btn a{font-size: 24px; margin-right: 15px;}
	.footer .text, .footer .info p, .form .form-title span{font-size: 14px;}
	#order-form{padding: 30px 20px;}
	.tags li{margin: 0 3px 7px 0;}
	.tags li a, .tags .more{font-size: 12px; padding: 5px 15px;}
	.filter{justify-content: space-between; margin: 20px 0 30px;}
	.filter .reset, .filter .selecter{font-size: 12px; width: calc(50% - 7px); margin-right: 0;}
	.filter .reset{text-align: center; padding-left: 0; padding-right: 0;}
	.filter .selecter-selected{font-size: 12px;}
	.product .product-buttons{display: block;}
	.product .product-buttons > a{display: block; width: 100%; margin-bottom: 15px;}
	.product .desc .desc-title,
	.product .desc .list,
	.product .desc .product-price{padding-left: 0;}
	.product .desc .buy-btn{width: 100%; margin-left: 0;}
	.product .desc .desc-title{font-size: 18px;}
	.product .desc .list li{font-size: 14px;}
	.our-work .item .img-wrapper{margin-left: 20px; margin-right: 20px;}
	.our-work .item .cost, .our-work .item .name{font-size: 20px; padding: 10px 0;}
	.our-work .item .name{padding: 10px 0 0;}
	.our-work .item .more, .product .desc .buy-btn{font-size: 16px; padding: 12px 35px;}
	.our-work .item, .our-work .item:hover{box-shadow: none;}
	.our-work .item{border: 1px solid #e5e5e5;}
	.product .desc table tr td{font-size: 14px;}
	.services .item, .services .item:hover{box-shadow: none;}
	.services .item{border: 1px solid #e5e5e5;}
	.service-inner .offer-info .item{margin-bottom: 15px;}
	.service-inner .caption, .downloadbox .title{font-size: 20px;}
	.service-inner .list li{background-position: left 10px;}
	.downloadbox .links a{width: 100%; margin: 0 0 15px;}
	.contact-info{padding-bottom: 70px;}
	.gallery .row .xss:nth-child(2n){padding-left: 7px;}
	.gallery .row .xss:nth-child(2n-1){padding-right: 8px;}
	.gallery .item{margin-bottom: 15px;}
	.gallery{padding-bottom: 50px;}
	.pagesubtitle{font-size: 16px; line-height: 1.4;}
	.pagesubtitle br{display: none;}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}