@media (max-width: 767px) {

li.downlaodcat {

	font-size: 24px

}

button.downlaodcats {

	padding: 12px 14px

}

.carousel-control {

	position: absolute;

	top: 32%;

	bottom: 0;

	left: 0;

	width: 6%;

	height: 36%;

	font-size: 20px;

	background-color: #ec7e00;

	filter: alpha(opacity=50);

	opacity: 1;

}

.socials {

	position: fixed;

	top: 48%;

}

.carousel-control.left, .carousel-control.right {

	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0) 100%);

	background-image: -o-linear-gradient(left, rgba(0, 0, 005) 0, rgba(0,0,0,0) 100%);

	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(rgba(0,0,0,0)));

	background-image: linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0) 100%);

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);

	background-repeat: repeat-x

}

.mobile-logo>a>img {

	width: 90%;

}

.mobile-menus>a>span>img {

	margin-top: 17px;

	margin-right: 30px;

	cursor: pointer;

}

.sidebar {

	background-color: #000f44;

	position: fixed;

	z-index: 30;

	top: 0;

	right: 0;

	width: 60%;

	height: 100%;

	box-shadow: -115px 14px 0px 79px #00000087;

	transition: .5s;

}

.sidebar>ul>li {

	border-bottom: solid 1px #071650;

	position: relative;

}

	.sidebar>ul>li::before{

		content: '';

		position: absolute;

		width: 0%;

		height: 100%;

		top: 0;

		background-color: #ec7e00;

		z-index: -1;

		right:  0;

		transition: .6s;

	}

	.sidebar>ul>li:hover::before{

		width: 100%;

	}

.sidebar>ul>li>a {

	padding: 21px;

	line-height: 47px;

	color: #fff;

}

.closed {

	position: absolute;

	left: -47px;

	top: 12px;

}

.closed>i {

	color: #fff;

}

	#openNaavigation{

		right: -495px;

	}

	

}





@media (min-width: 768px) and (max-width: 991px) { 

.inner-boxs::before {

    position: absolute;

    background-color: transparent;

    width: 0;

    height: 0;

    border-bottom: 384px solid #fff;

    border-left: 100px solid transparent;

	}

	.inner-boxs>h2 {

    color: #e87c00;

    margin-top: -38px;

	}

	button.downlaodcats {

    background-color: #051048;

    color: #ffff;

    border: 0;

    padding: 7px 21px;

    margin-top: -5px;

}.mobile-logo>a>img {

	width: 90%;

}

	.carousel-control {

	position: absolute;

	top: 41%;

	bottom: 0;

	left: 0;

	width: 6%;

	height: 22%;

	font-size: 20px;

	background-color: #ec7e00;

	filter: alpha(opacity=50);

	opacity: 1;

}

.mobile-menus>a>span>img {

	margin-top: 58px;

	margin-right: 30px;

	cursor: pointer;

}

.sidebar {

	background-color: #000f44;

	position: fixed;

	z-index: 9999;

	top: 0;

	right: 0;

	width: 39%;

	height: 100%;

	box-shadow: -115px 14px 0px 370px #00000087;

	transition: .5s;

}

.sidebar>ul>li {

	border-bottom: solid 1px #071650;

	position: relative;

}

	.sidebar>ul>li::before{

		content: '';

		position: absolute;

		width: 0%;

		height: 100%;

		top: 0;

		background-color: #ec7e00;

		z-index: -1;

		right:  0;

		transition: .6s;

	}

	.sidebar>ul>li:hover::before{

		width: 100%;

	}

.sidebar>ul>li>a {

	padding: 21px;

	line-height: 47px;

	color: #fff;

}

.closed {

	position: absolute;

	left: -47px;

	top: 12px;

}

.closed>i {

	color: #fff;

}

	#openNaavigation{

		right: -811px;

	}

	.carousel-control.left, .carousel-control.right {

	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0) 100%);

	background-image: -o-linear-gradient(left, rgba(0, 0, 005) 0, rgba(0,0,0,0) 100%);

	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(rgba(0,0,0,0)));

	background-image: linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0) 100%);

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);

	background-repeat: repeat-x

}

}





@media (min-width: 992px) and (max-width: 1199px) { 

.menu-navigation>ul>li>a {

    margin: 0 1px;

	}

.carousel-control.left, .carousel-control.right {

	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0) 100%);

	background-image: -o-linear-gradient(left, rgba(0, 0, 005) 0, rgba(0,0,0,0) 100%);

	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(rgba(0,0,0,0)));

	background-image: linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0) 100%);

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);

	background-repeat: repeat-x

}

	.carousel-control {

	position: absolute;

	top: 41%;

	bottom: 0;

	left: 0;

	width: 6%;

	height: 17%;

	font-size: 20px;

	background-color: #ec7e00;

	filter: alpha(opacity=50);

	opacity: 1;

}

	.inner-boxs::before {

    border-bottom: 507.7px solid #fff;

	}

	button.downlaodcats {

    padding: 8px 29px;

	}

}



@media (min-width:1200px) {

.carousel-control.left, .carousel-control.right {

	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0) 100%);

	background-image: -o-linear-gradient(left, rgba(0, 0, 005) 0, rgba(0,0,0,0) 100%);

	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(rgba(0,0,0,0)));

	background-image: linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0) 100%);

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);

	background-repeat: repeat-x

}

}