/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media screen and (min-width: 360px){
	#btn_menu_mobile {
	    width: 30px;
	    position: absolute;
	    top: 20px!important;
	    left: 10px;
	}
	#btn_menu_mobile .line_mn {
	    display: block;
	    width: 100%;
	    line-height: 10px;
	}
	#btn_menu_mobile span {
	    display: inline-block;
	    width: 100%;
	    height: 4px;
	    background: #ffc000;
	}
	.main-header .logo {
	    padding-right: 20px;
	    padding-top: 13px;
	    float: right;
	    margin-bottom: 10px;
	}
	.ht-left a {
		display: block;
		margin-bottom: 10px;
		padding-right: 0;
		margin-right: 0;
		border-right: none;
		color: #fff;
	}
	.fix-phone {
		text-align: center
	}
	.ht-right {
		text-align: center;
	}
	.box-dv .img {
		float: right;
	}
	#s3 {
		margin: 30px 0 ;
	}
	.box-dv {
		text-align: right;
		margin-bottom: 15px
	}
	.box-dv .text {
		padding-right: 15px;
		overflow: hidden;
	}
	.box-dv .text .tit,.box-dv-r .text .tit {
		font-size: 18px;
	    font-weight: bold;
	    text-transform: uppercase;
	}
	.box-dv-r {
		text-align: left;
		margin-bottom: 15px
	}
	.box-dv-r .img {
		float:left;
	}
	.box-dv-r .text {
		padding-left: 15px;
		overflow: hidden;
	}
	.movingX {
	  	-webkit-animation: movingX 10s linear infinite;
	    animation: movingX 10s linear infinite;
	    position: absolute;
	}
	section#s4 {
        margin-top: 115px;
    }
    .nav-f {
    	margin: 30px 0;
    }
    .nav-tt .news {
    	margin-bottom: 10px
    }

}
@media screen and (min-width: 375px){
}
@media screen and (min-width: 411px){
}
@media screen and (min-width: 576px){
}
@media screen and (min-width: 768px){
	
}
@media screen and (min-width: 992px){
	.header-t .header-link {
	    color: #ffffff;
	    padding-right: 30px;
	    margin-right: 30px;
	    border-right: 1px solid #343434;
	    display: inline-block;
	}
	#menu-main .menu-main-fix {
	    top: 0;
	    left: 0;
	    width: 100%;
	    z-index: 99;
	}
	#menu-main .menu-outter {
	    width: 100%;
	    display: flex;
	    flex-wrap: wrap;
	}
	.menu-main-menu-container {
		line-height: 100px;
		padding-left: 20px;
	}
	#menu-main .menu-holder {
	    position: relative;
	}
	#menu-main .logo-holder {
		position: relative;
	}
	.menu-main-fix {
		position: relative;
	}
	.menu-holder {
		width: 100%;
	}
	#menu-main .menu-holder::before {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0px;
	    width: 500%;
	    z-index: 100;
	    height: 100%;
	   background: #FFC000;
	    -webkit-transform: skew(-30deg, 0deg);
	    -moz-transform: skew(-30deg, 0deg);
	    -ms-transform: skew(-30deg, 0deg);
	    -o-transform: skew(-30deg, 0deg);
	    transform: skew(30deg, 0deg);
	    z-index: -1;
	}
	#menu-main .menu-holder {
	    width: 65%;
	    padding: 0 15px;
	}
	#menu-main ul#menu-main-menu {
	    padding: 0;
	    margin: 0;
	    list-style: none;
	    justify-content: space-between;
	}
	#menu-main ul#menu-main-menu li {
		display: inline-block;
		padding: 0 25px;
	}
	#menu-main ul#menu-main-menu > li a {
	    font-family: 'Roboto', sans-serif;
	    color: #000;
	    text-transform: uppercase;
	    font-size: 20px;
	    text-transform: uppercase
	}
	#menu-main ul#menu-main-menu li.active a {
		color: #333;
		font-size: 20px;
		font-weight: bold;
	}
	.logo-holder {
		text-align: center;
		padding: 10px 0;
	}
	.box-dv {
		text-align: right;
		margin: 10px 0;
	}
	.box-dv .img {
		float: right;
    	margin-left: 20px;
	}
	.box-dv .text .tit {
		font-size: 20px;
	    font-weight: bold;
	    text-transform: uppercase;
	}
	.box-dv-r {
		text-align: left;
		margin: 10px 0;
	}
	.box-dv-r .img {
		float: left;
    	margin-right: 20px;
	}
	.box-dv-r .text .tit {
		font-size: 18px;
	    font-weight: bold;
	    text-transform: uppercase;
	}
	.boxdv-img .img {
		margin-top: 20px;
	}
	.movingX {
	  	-webkit-animation: movingX 35s linear infinite;
	    animation: movingX 35s linear infinite;
	    position: absolute;
	}
	section#s4 {
        margin-top: 115px;
    }
	
}
@media screen and (min-width: 1200px){
	#menu-main .logo-holder {
		width: 25%;
	}
	#menu-main .menu-holder {
		width: 75%;
	}
	
}
@media (max-width: 767px) { 
}