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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    /* top block */
	.top-nav li {
	    margin-right:15px;
	}
	.top-nav li a{
	    font-size:16px;
	}
    .container,.top-bar{
	    padding-left:5px;
		padding-right:5px;
	}
	/* advantage block */
	.advantages{
	    padding:0;
	}
	.advantages .block-title{
        position:relative;
        right:auto;
		float:right;
    }
	.advantage-col{
	    clear:both;
	}
	/* media block */
	.gallery-box{
	    width:100%;
		float:none;
		margin-bottom:10px;
	}
	.video-box{
	    width:auto;
	    max-width:560px;
	    float:none;
		margin:0 auto;
	}
	.video-box iframe{
	    max-width:100%;
		height:350px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    /* top bar */
	.top-nav-button{
	    display:block;
	}
	.top-nav{
	    display:none;
		width:100%;
		height:auto;
		position:absolute;
		z-index:5;
		left:0;
		top:65px;
		background:#FFF;
	}
	.top-nav ul li{
	    margin:0;
		padding:0;
	    height:auto;
		line-height:20px;
		float:none;
		border-bottom:2px solid #c8191d;
	}
	.top-nav ul li a{
	    padding:5px 10px;
		text-decoration:none !important;
		font-size:18px;
		color:#000;
		display:block;
	}
	.top-nav ul li a:hover{
	    background:#ffd01e;
	}
    /* head block */
	.head-left{
	    width:410px;
	}
	.head-info-right{
	    display:none;
	}
	.head-right{
	    margin-left:410px;
	}
	/* advantage block */
	.advantage-box{
	    max-width:600px;
		padding:0 100px 0 0;
	}
	.advantage-box:nth-child(2n){   
        margin-left:0;
    }
	/* characteristic block */
	.characteristics{
	    padding:0;
	}
	.characteristic-block .block-title{
	    width:auto;
	    position:relative;
	}
	.characteristics-left,.characteristics-left-cont{
	    margin:0;
		float:none;
	}
	.characteristics-right{
	    width:100%;
	    float:none;
	}
	.schema-box{
	    position:relative;
		margin:0 auto;
	}
	/* bot block */
	.bot-form{
	    width:406px;
	}
	.bot-form-left,.bot-form-right{
	    width:100%;
	    float:none;
	}
	/* footer block */
	.foot-left{
	    display:none;
		float:none;
	}
	.foot-right{
	    float:none;
		margin:0;
		padding-bottom:15px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    /* head block */
    .container{
	    //background:orange;
	}
	.head-block{
	    height:auto;
	    background-size:cover;
	}
	.header{
	    padding:0;
	}
	.head-left,.head-right{
	    width:100%;
		float:none;
	}
	.logo-box{
	    margin:0 auto;
		margin-bottom:15px;
	}
	.site-name{
	    font-size:35px;
		text-align:center;
	}
	.head-info{
	    position:relative;
		z-index:2;
	}
	.head-info-left{
	    margin:0 auto;
		float:none;
	}
	.head-info-right{
	    display:block;
		float:none;
		clear:both;
		position:absolute;
		z-index:1;
		bottom:-350px;
		right:0;
	}
	.head-right{
	    position:relative;
		z-index:0;
	    margin:0;
		padding-top:15px;
	}
	.product-img{
	    max-width:100%;
	    width:100%;
		text-align:center;
		background:none;
	}
	/* top info block */
	.top-info-block{
	    background-image:none;
	}
	.top-info{
	    width:100%;
	}
	/* advantage block */
	.advantage-box{
	    padding-right:0;
	}
	.advantages-text{
	    font-size:14px;
	}
	/* characteristic block */
	.schema-box{
	    width:400px;
		height:400px;
	}
	.schema-img{
	    width:400px;
		height:400px;
	}
	.schema-img img{
	    width:200px;
	}
	.desc-1{
	    top: 60px;
		left: 70px;
	}
	.desc-2 {
	    top:170px;
	}
	.desc-3 {
        top: 135px;
        right: -32px;
	}
	.desc-4 {
        bottom: 45px;
        left: 105px;
	}
	/* media block */
	.gallery-box{
	    text-align:center;
	}
	.gallery-thumb{
	    float:none;
		display:inline-block;
		vertical-align:top;
	}
	.media-block .container{
        padding-bottom:40px;
    }
	/* delivery block */
	.delivery{
	    width:auto;
		float:none;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    /* head block */
    .logo-box{
	    width:100%;
		padding-left:0;
		text-align:center;
	}
	.logo-box img{
	    max-width:100%;
	}
	.head-info-left{
	    width:100%;
	}
	.head-price-box{
	    width:310px;
	}
	.head-price-left{
	    width:152px;
		font-size:28px;
	}
	.head-price-right{
	    width:142px;
		font-size:20px;
	}
	.head-form{
	    width:310px;
		margin:0 auto;
	}
	.head-form-box .inputbox{
	    width:234px;
	}
	.head-info-right{
	    width:auto;
	    position:relative;
		bottom:auto;
		margin:0 30px;
	}
	.head-title{
	    font-size:19px;
		line-height:29px;
	}
	.head-photos{
	    text-align:center;
	}
	.head-photo-thumbs{
	    float:none;
		display:inline-block;
		vertical-align:top;
	}
	/* top info block */
	.block-title{
	    height:auto;
		font-size:25px;
		min-height:111px;
		margin-bottom:20px;
	}
	.top-info-text p{
	    margin-bottom:15px;
	}
	.benefits-row{
	    text-align:center;
	}
	.benefit-box{
	    margin:0 0 15px 0;
	    float:none;
		display:inline-block;
		vertical-align:top;
	}
	/* advantage block */
	.advantages .block-title{
	    width:auto;
	    float:none;
	}
	.advantage-box,.advantage-box:nth-child(2n){
	    padding:0;
	    height:auto;
		text-align:center;
		background:none;
	}
	.advantage-icon{
	    float:none;
		margin:0 auto;
	}
	.advantages-text{
	    margin:0;
		padding: 15px;
		background:url(../images/advantage-orange-line.png) repeat-y center top;
	}
	.advantage-box:nth-child(2n) .advantages-text{
	    background-image:url(../images/advantage-green-line.png);
	}
	/* characteristic block */
	.functions-row{
	    text-align:center;
	}
	.function-box{
	    float:none;
		display:inline-block;
		vertical-align:top;
	}
	.function-title{
	    font-size:18px;
		padding-left:85px;
	}
	.schema-box{
	    width:300px;
		height:300px;
	}
	.schema-img{
	    width:300px;
		height:300px;
	}
	.schema-desc{
	    font-size:13px;
	}
	.desc-1{
	    width: 170px;
	    top: 0;
		left: 20px;
	}
	.desc-2 {
	    top: 120px;
		left: -10px;
		width: 100px;
	}
	.desc-3 {
        top: 5px;
		right: -10px;
		width: 100px;
	}
	.desc-4 {
        bottom: 5px;
		left: 55px;
	}
	/* mnaedia box */
	.gallery-thumb{
        width:150px;
        height:150px;
		margin: 0 2px 10px 0;
	}
	.gallery-thumb span{
        width:150px;
        height:150px;
	}
    .gallery-thumb img{
        max-width:150px;
        max-height:150px;
    }
	/* reviews block */
	.reviews-block{
	    margin-top:0;
	}
	.review-prev,.review-next{
	    top:-22px;
	}
	.reviews-carousel{
	    margin:0;
	}
	/* bot block */
	.bot-form{
	    width:310px;
	}
	.bot-form .inputbox{
	    width:300px;
		padding-left:5px;
		padding-right:5px;
	}
	.bot-form .textarea{
	    width:300px;
		max-width:300px;
		min-width:300px;
		padding-left:5px;
		padding-right:5px;
	}
	/* footer block */
	.foot-right{
	    font-size:24px;
	}
	.bot-logo,.bot-box{
	    margin-bottom:15px;
	}
	.bot-logo img{
	    max-width:100%;
	}
}

/* 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) {
    .top-nav{
	    display:block !important;
	}
	.top-nav-button{
	    display:none !important;
	}
}

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

}