/* ------------------------------------ Start TT - CMS Header services ------------------------------- */
#ttcmsheaderservices {
	float: right;
	margin: 38px 15px 38px 0;
}
#ttcmsheaderservices .ttcmsheaderservice {
  float: right;
  padding: 0;
}
#ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content {
  border-right: 1px solid #e5e5e5;
  text-align:left;
}
#ttcmsheaderservices .ttcmsheaderservice .ttsupport .ttcontent_inner:hover .service .ttsupport_img {
	transform: rotateY(180deg);
}
#ttcmsheaderservices .ttcmsheaderservice .ttdelivery .ttcontent_inner .service .ttdelivery_img {
  background: transparent url("../img/header-services-icons.png") repeat scroll -13px -82px;
  float: left;
  height: 42px;
  margin: 0 5px 0 0;
  width: 36px;
  transition: all 400ms ease-in-out 0s;
	-webkit-transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
	-ms-transition: all 400ms ease-in-out 0s;
}
#ttcmsheaderservices .ttcmsheaderservice .ttdelivery .ttcontent_inner:hover .service .ttdelivery_img {
 transform: rotateY(180deg);
}
#ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content .service-title {
	font: 600 16px/18px "Dosis", Helvetica, sans-serif;
	color: #222;
	padding: 3px 0;
	text-transform: uppercase;
}
#ttcmsheaderservices .ttcmsheaderservice .ttsupport .ttcontent_inner .service .ttsupport_img {
  background: transparent url("../img/header-services-icons.png") repeat scroll -13px -2px;
  float: left;
  height: 42px;
  margin: 0 10px 0 0;
  width: 36px;
  transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
}
.ttsupport.col-xs-6.col-sm-6 {
	padding: 0 15px 0 0;
}
.ttdelivery.col-xs-6.col-sm-6 {
	padding: 0 0px 0 10px;
}
@media (max-width: 1199px) { 
	#ttcmsheaderservices {
		width:44%;
	}
	#ttcmsheaderservices {
		float: right;
		margin: 38px 15px 38px 0;
	}
}
@media (max-width: 991px) {
    #ttcmsheaderservices {
		float: none;
		margin: 0;
		display: inline-block;
		width: auto;
	}
	#ttcmsheaderservices .ttcmsheaderservice {
		float: none;
		padding: 0;
		display: inline-block;
		margin: 0 auto;
		vertical-align: top;
	}
	.ttsupport {
		width: auto;
	}
	.ttdelivery {
		width: auto;
	}
	#ttcmsheaderservices .ttcmsheaderservice .ttdelivery .ttcontent_inner .service .service-content{
			border:none;
	}
	#ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content {
		border-right: none;
	}
	#ttcmsheaderservices .ttcmsheaderservice .ttsupport .ttcontent_inner .service .ttsupport_img {
		float: none;
		display: inline-block;
	}
	#ttcmsheaderservices .ttcmsheaderservice .ttdelivery .ttcontent_inner .service .ttdelivery_img {
		float: none;
		display: inline-block;
	}
	.ttcontent_inner {
		float: none;
		display: inline-block;
		margin: 0 auto;
		vertical-align: top;
	}
}
@media (max-width: 767px) {
  #ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content {
    display: inline-block;
	padding:0 20px 0 0;
  }
  #ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content {
		border-right: 1px solid #e5e5e5;
  }
  #ttcmsheaderservices .ttcmsheaderservice .ttsupport .ttcontent_inner .service .ttsupport_img {
    display: inline-block;
    float: none;
    vertical-align: top;
  }
  #ttcmsheaderservices .ttcmsheaderservice .ttsupport {
    text-align: right;
  }
  #ttcmsheaderservices .ttcmsheaderservice .ttdelivery{
  	text-align:left;
  }
}
@media (max-width: 480px) {
  #ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content {
    text-align: left;
    border: none;
	padding:0;
  }
  #ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content .service-title {
    font-size: 14px;
    line-height: 18px;
  }
  #ttcmsheaderservices .ttcmsheaderservice .ttcontent_inner .service .service-content .service-desc {
    font-size: 12px;
    line-height: 18px;
  }
  #ttcmsheaderservices .ttcmsheaderservice .ttsupport {
	padding: 0 10px 0 0;
	float: left;
	width: 100%;
	text-align: center;
  }
  #ttcmsheaderservices .ttcmsheaderservice .ttsupport .ttcontent_inner .service .ttsupport_img {
    margin: 0;
  }
  #ttcmsheaderservices .ttcmsheaderservice .ttdelivery {
		padding: 10px 0;
		float: none;
		margin: 0 auto;
		display: inline-block;
		vertical-align: top;
		width: auto;
  }
  #ttcmsheaderservices .ttcmsheaderservice .ttdelivery .ttcontent_inner .service .ttdelivery_img {
    margin: 0;
  }
}
/*------------------- Start TT - CMS Services block -------------------*/

