/*
 Table Of Contents
 1.) Media Query for Handheld Devices
 2.) Media Query for Tablet
 3.) Media Query for mobile
 ===============================================*/

/*
 1.) Media Query for Handheld Devices
 ===============================*/
/*------------------Tablet css -----------*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.container {
		max-width: 700px;
	}
	.main-content {
		padding: 40px 20px;
	}
	h1 {
		font-size: 30px;
	}
	.btn {
		padding: 10px 30px 10px 30px;
	}
	.client li {
		margin-right: 3%;
		width: 13%;
	}
	.advantage-img {
		width: 40%;
	}
	.advantage-img figcaption {
		width: 100%;
	}
	.links {
		width: 23.4%;
	}
	.footer-secondary {
		width: 34%;
	}
	.footer-secondary a:last-child img {
		margin-left: 0px;
		width: 93px;
	}
	.social-links {
		margin: 0 0px 21px 0;
	}
	.social-links li {
		margin: 0 9px 0px 0;
	}
	.social-links li:last-child {
		margin-right: 0;
	}
	.security {
		text-align: center;
	}
	.security li:nth-child(2) {
		width: auto;
		margin: 0 0 25px 0;
	}
	.security li .inner-list li, .security li .inner-list li:nth-child(3) {
		width: auto;
		margin: 0 25px;
		display: inline-block;
		vertical-align: middle;
		float: none;
	}
	.security li i {
		top: 38%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.security li .inner-list li {
		margin: 0 10px;
	}
	.security li {
		width: auto;
		display: inline-block;
		margin: 0 25px 20px;
		vertical-align: middle;
		float: none;
		min-height: 42px;
	}
	.security h5 {
		vertical-align: middle;
	}
	.security li:nth-child(3) {
		width: 22.1%;
		margin-right: 0;
	}
	.security li:nth-child(5) {
		width: 25%;
		padding-left: 53px;
	}
	.security-wrap {
		padding: 21px 0 0px 13px;
	}
}

/*------------------Mobile  css -----------*/

@media screen and (max-width: 767px) {
	.container {
		padding: 0 20px;
	}
	.header {
		padding: 23px 0 17px;
	}
	.logo {
		padding-left: 0px;
		text-align: center;
		display: block;
		width: 177px;
		margin: 0 auto;
	}
	.footer-primary .logo > img {
		width: 177px;
	}
	.home-content .compra {
		font-size: 18px;
		text-align: center;
		padding: 0 20px;
		margin-bottom: 11px;
	}
	.home-content h1 {
		margin-bottom: 16px;
	}
	.home-button {
		padding: 2px 0 3px;
		text-align: center;
	}
	.btn {
		font-size: 16px;
		padding: 7px 40px 5px 25px;
		height: 35px;
		line-height: 16px;
	}
	.buy .btn {
		line-height: 1.1;
		padding: 8px 29px 8px 25px;
		height: 33px;
	}
	.map-sctn .map {
		width: 100%;
		height: 125px;
	}
	.market span {
		display: inline-block;
		vertical-align: middle;
		line-height: 16px;
	}
	.icon-apple, .icon-mob {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
		vertical-align: middle;
	}
	h1 {
		font-size: 24px;
	}
	.main-content {
		padding: 18px 15px 31px 15px;
		margin-bottom: 17px;
	}
	.fl, .fr {
		float: none;
	}
	.home-text, .map-sctn figure, .about-market, .advantage-img figcaption {
		width: 100%;
	}
	.home-content {
		margin-bottom: 18px;
		padding: 0 13px 0 19px;
	}
	.map-sctn figure img {
		min-height: 120px;
	}
	.about-market p, .market-sctn p, .listing li {
		line-height: 1;
	}
	.about-market  p:last-child {
		margin-bottom: 0;
	}
	.map-sctn {
		margin-bottom: 15px;
	}
	.look-market h2 {
		margin-bottom: 14px;
		line-height: 1.2;
	}
	.buy {
		padding-bottom: 31px;
	}
	.look-market {
		padding: 28px 0 0 4px;
	}
	.market-sctn p, .market-sctn h4, .listing li {
		margin-bottom: 16px;
		letter-spacing: -0.3px;
	}
	.advantages h3 {
		margin-bottom: 13px;
	}
	.services span {
		margin-bottom: 18px;
	}
	.services .listing li {
		line-height: 1.1;
	}
	.services {
		margin-bottom: 10px;
	}
	.advantage-img {
		position: static;
		width: 100%;
		padding-top: 16px;
	}
	.advantage-img img {
		width: 81%;
		margin: 0 auto 36px;
	}
	.advantages {
		margin-bottom: 46px;
	}
	.market-sctn.concept p {
		margin-bottom: 16px;
		line-height: 1;
	}
	.market-sctn.concept a {
		display: inline;
		line-height: 1.2;
	}
	.market-sctn.concept h2 {
		margin-bottom: 17px;
	}
	.partners {
		border-top: 4px solid #50c0df;
		padding: 27px 0 0;
		background: url(../images/mob-down.jpg) center bottom no-repeat;
		background-size: 100% 100%;
	}
	.client {
		padding-bottom: 0;
	}
	.client li {
		margin: 0 4.7% 5px 0;
		width: 29%;
	}
	.client li:nth-child(3) {
		margin-right: 0;
	}
	.security {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
	}
	.security-wrap {
		background: none;
		padding: 18px 0 0px 0px;
	}
	.security {
		padding-left: 13px;
	}
	.security li {
		width: 100%;
		order: 1;
	}
	.security h5 {
		letter-spacing: 0.3px;
	}
	.security li i {
		left: -6px;
		top: -6px;
		-webkit-transform: scale(0.6);
		-moz-transform: scale(0.6);
		-ms-transform: scale(0.6);
		-o-transform: scale(0.6);
		transform: scale(0.6);
	}
	.security li .icon-lock {
		left: -2px;
	}
	.new-cntnt {
		display: block;
		font-size: 13px;
		color: #42b4d8;
		line-height: 1;
		margin-top: -4px;
		width: 74%;
		margin-bottom: 8px;
	}
	.security li  .icon-truck {
		top: 0;
	}
	.security li  .icon-people, .security li .icon-heart {
		left: -16px;
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
	}
	.security li .icon-heart {
		top: -2px;
		left: -5px;
	}
	.contact-details {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 15px 0px 3px 0px;
		width: 100%;
	}
	.contact-details li:nth-child(2) {
		order: 2;
	}
	.contact-details li:last-child {
		order: 1;
	}
	.footer {
		padding: 21px 0 0;
	}
	.footer-primary {
		width: 100%;
		text-align: center;
	}
	.footer-primary .logo > img {
		width: 158px;
	}
	.contact-details li {
		margin-bottom: 10px;
		width: 100%;
		padding: 0;
	}
	.icon-mobile {
		position: static;
	}
	.mail {
		color: #42b4d8;
		border-bottom: 1px solid #42b4d8;
		font-size: 15px;
	}
	.time {
		font-size: 14px;
		color: #3c68a6;
	}
	.links {
		display: none;
	}
	.footer-secondary {
		width: 100%;
		padding: 14px 0 0;
	}
	.footer-bottom {
		padding: 0px 0 22px;
		background-size: auto;
	}
	.footer-secondary, .policy {
		display: none;
	}
	.main-footer {
		padding-bottom: 0px;
	}
	.small-footer > figure {
		padding: 0px 0 7px 0;
		background-color: rgba(255,255,255,0.8);
	}
	.contact-details .time {
		width: 62.9%;
		margin: 0 auto;
	}
	.condis {
		display: inline-block;
		margin-right: 20px;
	}
	.security li:nth-child(2), .security li, .security li:nth-child(3), .security li:nth-child(5) {
		width: 100%;
	}
	.security li:nth-child(2) {
		order: 2;
	}
	.security li:nth-child(5), .security li:nth-child(4), .security li:nth-child(3), .security li:nth-child(6) {
		padding-left: 31px;
	}
	.security li:nth-child(6) {
		margin-bottom: 10px;
	}
	.inner-list {
		background-color: rgba(255,255,255,0.8);
		padding: 18px;
		text-align: center;
		margin: 0 -20px 0 -33px;
	}
}