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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
	.intro .caption br,
	.intro .desc br {
		display: none;
	}
.intro .caption.single {
    padding-top: 0;
    padding-bottom: 0;
}
	.responsibility.sect .items .item {
		width: 293px;
	}
	.intro .num {
		position: relative;
		display: table;
		top: auto;
		right: auto;
		line-height: 1;
	}
	.steps.sect {
		padding-top: 0;
	}
	.steps.sect .img {
		display: none;	
	}
	.steps.sect .content > .top {
		border: none;	
		padding: 0;	
		margin-left: 0;	
		margin-top: -30px;	
	}
	.steps.sect .content > .top .items .item {
		width: 212px;	
	}
	.steps.sect .content > .bottom {
		margin-top: 40px;
	}
	.steps.sect .content > .bottom .alert {
		width: auto;
		margin-top: 0;
		margin-right: 0;
	}
	.steps.sect .content > .bottom .alert::before {
		display: none;
	}
	.steps.sect .content > .bottom .items {
		margin-top: 0;
	}
	.steps.sect .content > .bottom .items .item {
		width: 293px;
	}
	.contacts.sect .info .groups .group > .left,
	.contacts.sect .info .groups .group > .right {
		width: 100%;
	}
	.contacts.sect .info .groups .group > .left {
		margin-right: 0;
	}
	.contacts.sect .info .groups .group > .right {
		margin-top: 30px;
	}
	.contacts.sect .info .groups .group > .right .socials {
		margin-left: 0;
	}
	.footer.sect .up {
		display: none;	
	}
	.footer.sect .politics {
		margin-right: 0;
	}
	.header.sect .slogan {
		margin-right: 0;
	}
	.main.sect > .container .content .img {
		margin-left: -400px;
	}
	.main.sect > .container .content .img::before {
		display: none;
	}
	.main.sect > .container .content > .bottom .buttons .desc {
		white-space: normal;
		width: 400px;
	}
	.reviews.sect {
		background-color: #111d59;
		background-position: center top;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.cert.sect {
		background-position: center top;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.cert.sect .content > .top {
		padding-left: 0;
	}
	.cert.sect .content > .top > .left {
		width: auto;
		margin-right: 0;
	}
	.workers.sect .content > .top {
		width: 750px;
		margin-left: auto;
		margin-right: auto;
	}
	.clients.sect .content > .top {
		width: 770px;
		margin-left: auto;
		margin-right: auto;
	}
	.objects.sect > .container .content .img {
		display: none;
	}
	.objects.sect .content > .top {
		width: 940px;
		margin-left: auto;
		margin-right: auto;
	}
	.test.sect .img {
		display: none;
	}
	.test.sect .content > form {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
	}
	.test.sect .content > form::before {
		left: 50%;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
		margin-left: -716px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.responsibility.sect .items {
		margin-left: 0;
	}
	.responsibility.sect .items .item {
		width: 100%;
		margin-left: 0;
	}
	.responsibility.sect .items .item .text {
		width: 100%;
		max-width: none;
	}
	.types.sect .content > .top .items .item .icon {
		margin-right: 15px;
	}
	.types.sect .content > .top .items .item .text {
		width: 204px;
	}
	.steps.sect .content > .top .items .item {
		width: 220px;	
	}
	.steps.sect .content > .bottom .items .item {
		width: 220px;
	}
	.steps.sect .content > .bottom .items .item .text .caption .selected {
		font-size: 58px;
	}
	.header.sect .slogan::before,
	.header.sect .slogan::after {
		display: none;
	}
	.footer.sect .logo,
	.header.sect .logo {
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	.footer.sect .politics {
		display: block;
		width: auto;
		margin-top: 15px;
	}
	.footer.sect .info {
		float: none;
		margin-top: 15px;
	}
	.header.sect .slogan {
		display: block;
		margin-top: 15px;
	}
	.header.sect .info {
		float: none;
		text-align: center;
		margin-top: 15px;
	}
	.main.sect > .container .content {
		padding-top: 30px;
	}
	.main.sect > .container .content > .top {
		max-width: none;
	}
	.main.sect > .container .content .img {
		position: static;
		margin-left: 0;
		margin-top: 30px;
	}
	.main.sect > .container .content .img img {
		max-width: 100%;
		max-height: 100%;
	}
	.main.sect > .container .content > .bottom .buttons  {
		text-align: center;
	}
	.main.sect > .container .content > .bottom .buttons .desc {
		position: static;
		width: auto;
		margin-left: 0;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.main.sect > .container .content > .bottom .buttons .desc .arrow {
		display: none;
	}
	.cert.sect .content > .top > .right {
		width: 515px;
	}
	.workers.sect .content > .top {
		width: 460px;
	}
	.clients.sect .content > .top {
		width: 485px;
	}
	.clients.sect .content > .top .groups::before,
	.clients.sect .content > .top .groups::after {
		display: none;
	}
	.clients.sect .content > .top .groups .group {
    -moz-box-shadow: 0 0 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 50px rgba(0,0,0,.2);
    box-shadow: 0 0 50px rgba(0,0,0,.2);
		padding-top: 0;
		padding-bottom: 0;
	}
	.objects.sect .content > .top {
		width: 560px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {	
	.intro {
		margin-bottom: 20px;
	}
	.intro .caption {
		font-size: 24px;
	}
	.intro .desc {
		font-size: 18px;
	}
	.intro .num {
		font-size: 60px;
	}
	.intro .num::before {
		display: none;
	}
	.owl-nav .owl-prev,
	.owl-nav .owl-next {
		display: none;
	}
	.responsibility.sect {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.responsibility.sect .items {
		margin-top: -30px;
	}
	.responsibility.sect .items .item {
		margin-top: 30px;
	}
	.types.sect {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.types.sect .content > .top .items .item {
		width: 100%;
		max-width: 290px;
		text-align: center;
	}
	.types.sect .content > .top .items .item .icon,
	.types.sect .content > .top .items .item .text {
		display: block;
		width: auto;
	}
	.types.sect .content > .top .items .item .icon {
		margin-right: 0;
	}
	.types.sect .content > .top .items .item .text {
		margin-top: 10px;
	}
	.types.sect .content > .bottom .items .item {
		max-height: none;
		padding-left: 0;
	}
	.types.sect .content > .bottom .items .item .arrow {
		display: none;
	}
	.steps.sect .content > .top .items .item {
		width: 290px;	
	}
	.steps.sect .content > .top .items .item .text .num {
		left: 0;	
	}
	.steps.sect .content > .top .items .item .text {
		padding-left: 15px;	
	}
	.steps.sect .content > .bottom .items {
		margin-left: 0;
		margin-top: 10px;
	}
	.steps.sect .content > .bottom .items .item {
		width: 100%;
		margin-left: 0;
		margin-top: 30px;
	}
	.contacts.sect .info {
		max-width: none;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.contacts.sect .map {
		position: static;
		width: 100%;
		height: 320px;
	}
	.contacts.sect .info .groups .group > .left .text .caption {
		font-size: 28px;
	}
	.contacts.sect .info .groups .group > .right {
		margin-top: 20px;
	}
	.contacts.sect .info .groups .group > .right > .text .caption br {
		display: none;	
	}
	.footer.sect {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.footer.sect .logo > .text .caption,
	.header.sect .logo > .text .caption {
		font-size: 24px;
	}
	.footer.sect .logo > .text .desc,
	.header.sect .logo > .text .desc {
		font-size: 13px;
	}
	.main.sect {
		padding-bottom: 40px;
	}
	.main.sect > .container .content > .top > .text .caption {
		font-size: 22px;
	}
	.main.sect > .container .content > .top > .text .desc {
		font-size: 18px;
	}
	.main.sect > .container .content > .top > .text .desc br {
		display: none;
	}
	.main.sect > .container .content > .top .items {
		margin-left: 0;
	}
	.main.sect > .container .content > .top .items .item {
		width: 100%;
		margin-left: 0;
	}
	.main.sect > .container .content > .top .items .item .text .desc br {
		display: none;
	}
	.main.sect > .container .content > .top .items .item .icon {
		margin-left: 15px;
	}
	.main.sect > .container .content > .bottom .buttons {
		display: block;
	}
	.main.sect > .container .content > .bottom .buttons .desc br {
		display: none;
	}
	.order.sect {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.order.sect .content > .top > .text .caption {
		font-size: 28px;
	}
	.popup.sect {
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 30px;
	}
	.popup_complete.popup_callback.sect {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.popup_politics.popup_callback.sect .text .caption {
		font-size: 20px;
	}
	.reviews.sect {
		padding-top: 40px;
	}
	.reviews.sect .content > .top .items {
		padding-left: 0;
		padding-right: 0;
	}
	.cert.sect {
		padding-top: 40px;
	}
	.cert.sect .content > .top > .right {
		width: 250px;
	}
	.workers.sect {
		padding-top: 40px;
		padding-bottom: 40px;
	}	
	.workers.sect .intro {
		margin-bottom: 20px;
	}
	.workers.sect .content > .top {
		width: 260px;
	}
	.workers.sect .content > .top .items {
		padding-left: 0;
		padding-right: 0;
	}
	.clients.sect {
		padding-top: 40px;
		padding-bottom: 40px;
	}	
	.clients.sect .intro {
		margin-bottom: 20px;
	}
	.clients.sect .content > .top {
		width: 285px;
	}
	.clients.sect .content > .top .groups {
		padding-left: 0;
		padding-right: 0;
	}
.clients.sect .content > .top .groups .owl-dots {
    margin-top: 25px;
}
	.objects.sect > .container .content {
		padding-top: 40px;
	}	
	.objects.sect .intro {
		margin-bottom: 20px;
	}
	.objects.sect .content > .top {
		width: 290px;
	}
	.objects.sect .content > .top .items {
		padding-left: 0;
		padding-right: 0;
	}
	.objects.sect .content > .top .items .item .icons .icon {
		width: 90px;
	}
	.test.sect {
		padding-top: 40px;
	}
	.test.sect .content > form {
		min-height: 0;
	}
	.test.sect .main {
		padding-top: 30px;
	}
	.test.sect .main > .top .text .caption {
		font-size: 24px;
	}
	.test.sect .main > .top .text .note {
		font-size: 18px;
	}
	.test.sect .main > .top .text .desc {
		font-size: 18px;
		margin-top: 30px;
	}
	.test.sect .main > .buttons {
		margin-top: 30px;
	}
	.test.sect .steps .step > .table > .cell {
		height: auto;
	}
	.test.sect .steps .step > .table > .cell > .top .text .caption {
		font-size: 20px;
	}
	.test.sect .complete {
		padding-top: 30px;
	}
	.test.sect .complete > .top .text .caption {
		font-size: 24px;
	}
	.test.sect .complete > .top .text .desc {
		font-size: 24px;
	}
	.test.sect .complete > .top .text .desc {
		font-size: 18px;
		margin-top: 30px;
	}
	.test.sect .steps .step .buttons .button,
	.test.sect .steps .step .buttons .button.prev {
		display: table;
		margin-left: auto;
		margin-right: auto;
	}
	.test.sect .steps .step .buttons .button.prev {
		margin-bottom: 20px;
	}
	.complete.sect {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.complete.sect .text .caption {
		font-size: 20px;
	}
	.complete.sect .text .desc {
		font-size: 16px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {	

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {

}


/*==========  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) {	

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.types.sect .content > .bottom .items .item:hover {
		padding-left: 295px;
	}
	.types.sect .content > .bottom .items .item:hover .arrow {
		margin-left: 195px;
	}
}