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

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .head-box{
	    padding:15px 0;
	}
    .logo-box{
	    width:100%;
		text-align:center;
		float:none;
	}
    .head-right{
	    width:100%;
		float:none;
        right:0px;
    }
    .top-search{
        width:204px;
	}
    .top-search .inputbox{
        width:175px;
    }
	.top-info-cont{
	    font-size:50px;
		text-align:center;
	}
	.top-info-cont b{
	    font-size:55px;
	}
	.top-info-title{
	    margin-right:53px;
    }
	.seo-block{
	    padding-left:10px;
		padding-right:10px;
	}
	/* company styles start */
	.company-box{
	    width:460px;
		min-height:200px;
	    margin:0 auto;
		margin-bottom:10px;
	    float:none;
	}
	.company-img{
	    display:none;
	    margin:0 auto;
		margin-bottom:10px;
	}
	.company-box .company-nav{
	    min-height:100px;
	}
	/* company styles end */
	.rowing-top{
	    background-size:100% auto;
	}
	/* news styles start */
	.news-content{
	    height:auto;
	}
	.news-block{
	    height:auto;
	}
	.news-img-big{
	    width:100%;
		height:auto;
		position:relative;
		display:none;
	}
	.news-img-big img{
        width:100%;
        height:auto;
    }
	.news-content{
	    width:100%;
		float:none;
	}
	.news-top{
	    width:100%;
		height:auto;
		padding:0;
		padding-top:15px;
	}
	.main-news{
	    padding-right:10px;
	    height:auto;
		overflow:visible;
	}
	.news-bot{
	    width:100%;
		height:auto;
	}
	.news-box{
	    width:50%;
	}
	.news-box-img{
	    width:100%;
		height:auto;
	}
	.news-box-img img{
	    width:100%;
	    max-width:100%;
		height:auto;
	}
	.news-line{
	    display:none;
	}
	/* news styles end */
	/* bot bar styles start */
	.bot-block{
	    width:auto;
	    padding:15px 10px;
	}
	.bot-bar-right{
	    margin-left:260px;
		float:none;
	}
	.bot-contacts{
	    width:100%;
	    float:none;
		margin:0;
		overflow:hidden;
		margin-bottom:20px;
	}
	.bot-form{
	    width:100%;
		float:none;
	}
	.form-col-left,.form-col-right{
	    float:none;
		margin-bottom:5px;
	}
	.bot-form .inputbox{
	    width:90%;
	}
	.bot-form .areabox{
	    width:95%;
		max-width:95%;
		min-width:95%;
	}
	/* bot bar styles end */
	/* container styles start*/
	.right-bar{
	    width:auto;
	    float:none;
		margin-left:310px;
	}
	.breadcrumb{
	    overflow:hidden;
	}
	.breadcrumb .clear{
	    display:none;
	}
	.catalog-box{
	    width:47%;
	}
	.catalog-img{
	    width:100%;
	}
	/* container styles end*/
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    /* top navigation styles start */
    .top-nav{
	    width:100%;
		height:auto;
		float:none;
		clear:both;
		position:absolute;
		z-index:5;
		top:50px;
		left:0;
		background:#000;
	    display:none;
	}
	.top-nav ul>li{
        width:100%;
        height:auto;
        line-height:normal;
        text-align:left;
        float:none;
        border:0;
		border-bottom:1px solid #000;
        margin:0;
	}
	.top-nav ul>li>a{
	    padding:7px 15px;
        font-size:17px;
        display:block;
        color:#FFF;
        font-weight:300;
        text-transform:uppercase;
        text-decoration:none;
    }
	a > .sf-sub-indicator{
	    display:none;
	}
	.top-nav .sf-menu li ul{
	    width:100% !important;
		padding:0 !important;
	    position:relative;
		top:0 !important;
		display:block !important;
		visibility: visible !important;
	}
	.top-nav .sf-menu li ul li a{
	    width:auto;
	    padding:7px 15px;
        font-size:17px;
        display:block;
        color:#000;
		background:#FFF;
		border-bottom:1px solid #000;
	}
	.nav-button{
	    display:block;
	}
	/* top navigation styles end */
    .top-bar-box{
	    width:100%;
		float:none;
	} 
	.top-mail{
	    display:none;
	}
	.social-top{
	    float:right;
	}
	.top-info-cont{
	    font-size:30px;
		text-align:center;
		line-height:normal;
	}
	.top-info-cont{
	    padding-left:5px;
		padding-right:5px;
	}
	.top-info-cont b{
	    font-size:33px;
	}	
	/* bot bar styles start */
	.bot-bar-left{
	    width:100%;
		float:none;
		margin-bottom:15px;
	}
	.fb-bot{
	    margin:0 auto;
	}
	.bot-bar-right{
	    margin:0;
		margin-bottom:10px;
	}
	.bot-form .inputbox, .bot-form .areabox{
	    width:95%;
		max-width:95%;
		min-width:95%;
		padding-left:2%;
		padding-right:2%;
		border:1px solid #000;
	}
	.bot-form .areabox{
	    margin-bottom:10px;
	}
	/* bot bar styles end */
	/* news styles start */
	.news-block{
	    padding-top:50px;
	}
	.news-img-big{
	    display:block;
	}
	.news-top{
	    padding-top:0;
	}
	.news-box{
	    width:100%;
		float:none;
	}
	.news-img-big,.news-box-img{
        width:235px;
        height:214px;
		margin:0 auto;
		overflow:hidden;
	}
	.news-img-big img{
        width:100%;
        height:auto;
		margin-top:-20%;
    }
    .news-box-img img{
        max-width:235px;
        height:214px;
    }
	.main-news-text .news-title{
	    font-size:24px;
		line-height:24px;
		margin-bottom:10px;
	}
	.news-content{
	    position:static;
	}
	.main-news{
	    position:static;
	    padding:0;
	}
	.main-news-text{
	    padding: 12px 15px 12px 20px;
		font-size:12px;
	}
	.main-news .news-date{
	    top:50px;
	}
	.main-news .date-box{
	    margin-left:20px;
	}
	/* news styles end */
	/* container styles start */
	.left-bar{
	    width:100%;
		float:none;
		padding-top:10px;
		margin-bottom:5px;
	}
	.left-nav{
	    width:440px;
		margin:0 auto;
		padding-right:10px;
	}
	.right-bar{
	    width:100%;
		margin:0;
	}
	.catalog-box{
	    width:100%;
		height:auto;
		float:none;
		margin:0;
		margin-bottom:10px;
	}
	.catalog-img{
	    background:#FFF;
	}
	.catalog-title{
	    text-align:center;
		height:auto;
	}
	/* container styles end */
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .top-tel{
	    float:none;
		margin:0;
	}
	.top-mail{
	    display:block;
		margin:0;
	}
	.social-top{
	    float:none;
		display:none;
	}
	.top-info-cont{
	    font-size:22px;
	}
	.top-info-cont b{
	    font-size:23px;
	}	
	.top-info-title{
	    width:100%;
	    padding:0;
		margin:0;
		font-size:20px;
		text-align:center;
		display:block;
		float:none;
		top:0;
	}
	.top-info-title .title-arrow{
	    display:none;
	}
	/* company styles start */
	.company-box{
	    width:auto;
	    margin:0 10px 10px 10px;
	}
	.company-img{
	    width:100%;
		height:auto;
		display:block;
	}
	.company-img img{
	    max-width:100%;
		width:100%;
		height:auto;
	}
	/* company styles end */
	.seo-block{
	    padding-top:5px;
		text-align:justify;
	}
	/* bot bar styles start */
	.form-col{
	    margin-bottom:0;
	}
	.bot-form .button{
	    float:none;
	}
	/* bot bar styles end */
	.block-title{
	    left:0;
	}
	/* container styles start */
	.left-bar{
	    padding-top:0;
	}
	.left-nav{
	    width:auto;
	}
	.main-content{
	    width:auto;
	    padding:0 10px;
		line-height:30px;
	}
	.main-content p{
	    margin-bottom:15px;
	}
	html,body{
	    font-size:16px;
	}
	h2{
	    margin-left:0;
		margin-bottom:15px;
	}
	.article-text{
	    padding:0;
	}
	/* container styles end */
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 340px) {
    .logo-box{
	    padding-bottom:5px;
	}
    .top-bar{
	    display:none;
	}
	.top-bg{
	    display:none;
	}
	.head-box{
	    padding-bottom:10px;
	}
	.top-info{
	    padding-top:0;
		height:auto;
		margin-bottom:10px;
	}
	.top-logo{
	    display:none;
	}
	.top-info-cont{
	    font-size:21px;
	}
	.top-info-cont b{
	    font-size:21px;
	}
    .partner-box{
	    width:100%;
		float:none;
		margin:0 0 9px 0;
	}
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    /* top navigation styles start */
	.top-nav{
	    display:block !important;
	}
	.nav-button{
	    display:none !important;
	}
	/* top navigation styles end */
}