.intro { background: #364797; background: linear-gradient(to right,  #364891 0%,#364891 35%,#364891 40%,#3a4d98 35%,#3a4d98 100%); clear: both; width: 100%; }
.intro .col { background: url("../images/tcy_pr_bg.jpg") no-repeat 33% top / contain; padding: 8% 15px; }
.intro h2, .intro p { color: #fff; }

.spare { background: url("../images/tcy_abt_ptn.jpg") repeat left top; clear: both; float: left; padding: 7% 0px; width: 100%; }
.spare .row { display: block; }
.spare .col:first-child { float: left; }
.spare .col:last-child { position: absolute; right: 0; width: 55%; }

.service { clear: both; float: left; width: 100%; background-repeat: repeat; background-position: left top; background-size: contain; }
.service .row { height: 100%; }
.service .col { max-width: 50%; }
.service .holder {width: 100%;background-size: cover;background-position: center;position: relative;}
.service .holder:after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #3A4D98;opacity: .4;}
.service .text { padding:7% 10%; }

.services > section:nth-of-type(even) p, .services > section:nth-of-type(even) h2 { color:white; }
.services > section:nth-of-type(even) .col:first-child { order:2; }
.services > section:nth-of-type(even) .col:last-child { order:1; }

/*-------------------
    Media Query
---------------------------*/

@media only screen and (max-width: 767px) {
	body { padding: 57px 0px 0px; }
	h2 { font-size: 24px; }
	.spare, .service { float: none; }
	.spare .col:first-child, .spare .col:last-child { float: none; position: relative; margin: 15px 0px; width: 100%;  }
	.service .col { max-width: 100%; }
	.service .col:first-child { order: 1; padding-right:5%; }
	.service .col:last-child { order: 2; }
	.service:nth-child(odd) .col:first-child { order: 1; padding-left:5%; }
	.service:nth-child(odd) .col:last-child { order: 2; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	body { padding: 57px 0px 0px; }
	.service .col { width: 50%; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	h2 { font-size: 30px; margin-bottom: 10px; }
	.service .col:first-child { padding: 2% 3% 20px; }
	.service p { font-size: 14px; }
	.btn-inform { font-size: 16px; line-height: 28px; max-width: 180px; }
}