@media screen and (min-width: 1200px) {
}

@media screen and (max-width: 1200px) {
	
}

@media screen and (max-width:991px) {

}

@media screen and (min-width: 768px) {

}

@media screen and (max-width: 768px) {
	figure.effect-ruby p {
		display: none
	}
	
	figure.effect-ruby h2 {
		font-size: 20px;
	}
	
	.item figure.effect-ruby h2,
	.item figure.effect-ruby .position-btn {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	
	.box-border:after {
		right: 0px;
		opacity: 1;
	}
	
	.list-news{
		margin: 0 -15px
	}
	
	.item-service, .item-news,
	.item-gallery-video,
	.list-careers ul.text-center li,
	.popup-gallery li{
		width: calc(33.333% - 33px);
	}
	
	.list-careers ul.text-center li{
		    width: calc(100%);
    margin: 0 0 30px 0;
	}
	
	.item-cont-DV {
		width: calc(33.333% - 33px);
	}
	
		.wrap-criteria:after {
		background-position: 0 296px;
	}
	
	.list-careers ul li .button-Op1 {
		opacity: 1;
	}
	
	.list-careers ul li h4 {
		    margin: 0 0 20px 0;
	}
	
	.benefits-careers .pull-right {
		margin-bottom: 70px;
	}
	
	.back-careers {
		width: 300px;
		bottom: 0;
		top: 0;
	}
	
	.list-careers .modal .width-50 {
		width: 100%;
	}
	
	.list-careers .modal .btn-form, .submit-btn input, .form-benefits .close-modal {
		width: inherit;
	}
	
}

@media screen and (max-width: 480px) {
	.back-service:after {
    background: url(../img/pattern1.png) no-repeat center 0;
    bottom: 0;
    top: inherit;
    opacity: .1;
	}	
	
	.padding-LR {
		width: 90%;
	}
	
	.nav-footer ul li:nth-child(2),
	.nav-footer ul li:nth-child(3) {
		width: 50%;
		text-align: left;
	}
	
	.title-width.social-icons {
		width: 100%;
		display: inline-block;
		float: left;
		margin-top: 30px;
	}
	
	.banner-page h2 {
		font-size: 26px;
	}
	
	.title-border {
		font-size: 20px;
	}
	
		p.title-border {
		font-size: 13px
	}
	
	.item-service, .item-news,
	.item-gallery-video,
	.list-careers ul.text-center li,
	.popup-gallery li{
    width: calc(100%);
    margin: 0 0 30px 0;
	}
	
	.wrap-criteria .box-back {
    padding: 0;
}
	.list-news {
    margin: initial;
}
	
	.item-cont-DV {
    width: calc(100%);
}
	
	.main-footer .title-border{
		margin: 20px 0 30px 0
	}
	
	.wrap-service, .wrap-news, .wrap-media, .wrap-contact {
    margin: 30px 0;
}
	
	.main-footer {
		padding: 30px 0;
	}

	.box-border {
		margin-bottom: 30px
	}
	
	.benefits-careers .pull-right {
		margin-bottom: 30px;
		width: 100%;
	}
	
	.button-file {
		margin: 0 -15px;
	}
	
	.button-file li {
		float: left;
		display: inline-block;
		width: calc(50% - 30px);
		margin: 0 15px;
		text-align: center
	}
	
	.button-file li .btn-form {
			width: 100%;
			display: inline-block;
			height: 55px;
		}
	
	.list-careers ul li p {
		width: 100%;
		float: none
	}
	
	.back-careers {
		display: none;
	}
	
	.list-careers .modal .modal-dialog, .wrap-video .modal .modal-dialog {
		width: 90%;
	}
	
	.list-careers .modal .modal-content .modal-body {
		max-height: calc(50vh - 0px);
	}

	.list-careers .modal .modal-content {
		padding: 30px 10px 10px 10px;
	}
		
		.list-careers .modal .modal-body .title-border {
			font-size: 13px;
		}
	
	.list-careers .form-register .col-xs-12:first-child{
		margin-bottom: 30px;
	}

}

@media screen and (max-width: 320px) {
	
}

@media screen and (max-width: 320px) {
	
}
