@font-face {
	font-family: 'Interstate-Bold';
	src: url('../fonts/InterstateBoldTr.eot');
	src: url('../fonts/InterstateBoldTr.eot?#iefix') format('embedded-opentype'),  url('../fonts/InterstateBoldTr.woff') format('woff'),  url('../fonts/InterstateBoldTr.ttf') format('truetype'),  url('../fonts/InterstateBoldTr.svg#freeroadregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
.cboth{
	clear:both;
	}
a img{
	border:0px;
	}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
} /* Hide from IE Mac \*/
.clearfix {
	display: block;
} /* End hide from IE Mac */
.none {
	display: none;
} /* End Clearfix */
.fleft {
	float: left;
}
.fright{
	float:right;
	}
/* General Setup
/*-----------------------------------------------------------------------------------*/
html {
	height: 100%;
}
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0;
	font-size: 12px;
	margin: 0 auto;
	height: 100%;
	position: relative;
	line-height: 19px;
}
a, span.tag {
	text-decoration: none;
}
a.view_details {
	padding: 0 0 0 15px;
}
.swiper-container {
	width: 800px;
	height: 100%;
}
#header {
	position: absolute;
	top: -100px;
	left: 0px;
	z-index: 9999;
	width: 94%;
	height: 40px;
	padding: 6px 3%;
}
/* Headings
/*------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #e10f21;
	margin: 0px;
	padding: 10px 0 20px 0;
	clear: both;
	letter-spacing: -1px;
	line-height:23px;
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 26px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}
p {
	padding: 0 0 10px 0;
	margin: 0px;
}
h2.page_title {
	font-size: 30px;
	padding: 0 0 20px 0;
}
/* Border radius
/*------------------------------------------*/
.radius4 {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.radius6 {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.radius8 {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.radius20 {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
/*----------bottom bullets pagination---------------*/
.pagination {
	position: absolute;
	z-index: 20;
	left: 0px;
	bottom: 5px;
	text-align: center;
	width: 100%;
}
.swiper-pagination-switch {
	display: inline-block;
	width: 12px;
	height: 3px;
	background: #222;
	margin-right: 5px;
	opacity: 0.5;
	cursor: pointer;
}
.swiper-active-switch {
	background: #fff;
}
/*----------header and footer buttons---------------*/
.gohome {
	width: 40px;
	height: 40px;
	float: left;
}
.gohome a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	display: block;
	text-align: center;
}
.gohome a img {
	display: inline-block;
	max-height: 25px;
	margin: 5px 0 0 0;
}
.gomenu {
	width: 40px;
	height: 40px;
	float: right;
}
.gomenu a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	display: block;
	text-align: center;
}
.gomenu a img {
	display: inline-block;
	max-height: 25px;
	margin: 6px 0 0 0;
}
.scrolltop {
	width: 40px;
	height: 40px;
	margin: auto;
	display: block;
}
.scrolltop a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	display: block;
	text-align: center;
}
.scrolltop a img {
	display: inline-block;
	max-height: 28px;
	margin: 5px 0 0 0;
}
/*----------page buttons---------------*/
a.button_12 {
	width: 48%;
	margin: 0 1% 10px 1%;
	padding: 10px 0;
	float: left;
	display: block;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
}
a.button_11 {
	width: 98%;
	margin: 0 0 10px 1%;
	padding: 10px 0;
	float: left;
	display: block;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
}
.green {
	background-color: #85af5d;
}
.blue {
	background-color: #29aae3;
}
.darkblue {
	background-color: #035792;
}
.red {
	background-color: #c53238;
}
.purple {
	background-color: #8b2767;
}
.pink {
	background-color: #f87c68;
}
.orange {
	background-color: #f17225;
}
.black {
	background-color: #272625;
}
.gray {
	background-color: #6e6e6e;
}
.yellow {
	background-color: #ffb606;
}
.bluegreen {
	background-color: #06a78b;
}
.green_borderbottom {
	border-bottom: 3px #759a51 solid;
}
.blue_borderbottom {
	border-bottom: 3px #198bbd solid;
}
.red_borderbottom {
	border-bottom: 3px #8e262c solid;
}
.purple_borderbottom {
	border-bottom: 3px #671a4b solid;
}
.pink_borderbottom {
	border-bottom: 3px #d36755 solid;
}
.orange_borderbottom {
	border-bottom: 3px #c55512 solid;
}
.black_borderbottom {
	border-bottom: 3px #000000 solid;
}
.gray_borderbottom {
	border-bottom: 3px #535150 solid;
}
.yellow_borderbottom {
	border-bottom: 3px #e3a000 solid;
}
.bluegreen_borderbottom {
	border-bottom: 3px #058770 solid;
}
.darkblue_borderbottom {
	border-bottom: 3px #003a62 solid;
}
/* Page layout and elements
/*------------------------------------------*/
.image_single {
	padding: 5px;
	margin-bottom: 10px;
}
.image_single img {
	display: block;
	max-width: 100%;
}
.image_caption {
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	padding: 10px 0;
	font-size: 18px;
	margin-bottom: 10px;
}
blockquote {
	padding: 10px 0;
	font-style: italic;
	margin-bottom: 10px;
}
span.quote_author {
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
ul.listing {
	list-style: none;
	padding: 0 0 10px 0;
}
ul.listing li {
	padding: 5px 0 5px 10px;
	margin: 0 0 10px 10px;
	border-left: 2px #ececec solid;
}
ul.listing_detailed {
	list-style: none;
	padding: 0 0 10px 0;
}
ul.listing_detailed li {
	padding: 5px 0 5px 40px;
	margin: 0 0 10px 0;
}
ul.listing_detailed li a {
}
/* Toggle
/*------------------------------------------*/
.toogle_wrap {
	width: 92%;
	padding: 3% 4%;
	margin: 0 0 10px 0;
}
.trigger {
	padding: 0px;
	margin: 0;
}
.trigger a {
	text-decoration: none;
	display: block;
	padding: 2px 0 2px 0;
	font-size: 16px;
	font-weight: normal;
}
.toggle_container {
	overflow: hidden;
	padding: 15px 0 0 0;
	clear: both;
}
.toogle_wrap_blog {
	width: 92%;
	padding: 3% 4%;
	margin: 0 0 10px 0;
}
.trigger_blog {
	padding: 0px;
	margin: 0;
}
.trigger_blog a {
	text-decoration: none;
	display: block;
	padding: 2px 0 2px 0;
	font-size: 16px;
	font-weight: normal;
}
.toggle_container_blog {
	overflow: hidden;
	padding: 15px 0 0 0;
	clear: both;
}
/* Tabs
/*------------------------------------------*/
ul.tabsmenu {
	padding: 0;
	position: relative;
	bottom: -1px;
}
ul.tabsmenu li a {
	width: 31.2%;
	float: left;
	padding: 12px 0 12px 0;
	margin: 0 2% 0 0;
	text-align: center;
}
ul.tabsmenu li:last-child a {
	float: right;
	margin: 0 0 0 0;
}
ul.tabsmenu li.active a {
	font-weight: bold;
}
.tabcontent {
	padding: 5% 4%;
	clear: both;
	margin: 0 0 10px 0;
}
/*-----------------Photo Gallery style-------------------*/

ul.photo_gallery_13 {
	width: 100%;
	list-style: none;
	padding: 0px;
	margin: 0 0 10px 0;
	float: left;
	clear: both;
}
ul.photo_gallery_13 li {
	width: 28.6%;
	padding: 1%;
	float: left;
	margin: 1%;
}
ul.photo_gallery_13 li img {
	max-width: 94%;
	display: block;
	padding: 3%;
}
ul.photo_gallery_13_round {
	width: 100%;
	list-style: none;
	padding: 0px;
	margin: 0 0 10px 0;
	float: left;
	clear: both;
}
ul.photo_gallery_13_round li {
	width: 28.5%;
	padding: 1%;
	float: left;
	margin: 1%;
}
ul.photo_gallery_13_round li img {
	max-width: 100%;
	display: block;
}
ul.photo_gallery_12 {
	width: 100%;
	list-style: none;
	padding: 0px;
	margin: 0 0 10px 0;
	float: left;
	clear: both;
}
ul.photo_gallery_12 li {
	width: 45.3%;
	padding: 1%;
	float: left;
	margin: 1%;
}
ul.photo_gallery_12 li img {
	max-width: 96%;
	display: block;
	padding: 2%;
}
ul.photo_gallery_11 {
	width: 100%;
	list-style: none;
	padding: 0px;
	margin: 0 0 10px 0;
	float: left;
	clear: both;
}
ul.photo_gallery_11 li {
	width: 99.5%;
	padding: 0;
	float: left;
	margin: 0px 0 10px 0;
}
ul.photo_gallery_11 li img {
	max-width: 96%;
	display: block;
	padding: 2%;
}
/*-----------------Blog posts style-------------------*/
ul.posts {
	padding: 0px;
	margin: 0px;
	width: 100%;
	display: block;
}
ul.posts li.post {
	width: 100%;
	height: 80px;
	margin: 0 0 10px 0;
	position: relative;
}
.post_left {
	width: 25%;
	height: 80px;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
}
span.day {
	display: block;
	font-size: 40px;
	padding: 15px 0 0 0;
}
span.month {
	display: block;
	font-size: 22px;
	padding: 10px 0 0 0;
}
.post_right_reveal {
	width: 60%;
	height: 80px;
	position: absolute;
	top: 0px;
	left: 25%;
	padding: 0 0 0 5%;
	z-index: 99;
}
.post_right_unreveal {
	width: 60%;
	height: 80px;
	position: absolute;
	top: 0px;
	left: 25%;
	padding: 0 0 0 5%;
	z-index: 88;
	line-height: 24px;
	font-size: 14px;
}
.post_right_reveal h4 {
	padding: 10px 10px 0 0;
	font-size: 16px;
	line-height: 20px;
}
.post_right_unreveal a {
	font-weight: bold;
}
a.post_more {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10%;
	height: 80px;
	overflow: hidden;
}
span.post_comments {
	display: block;
	padding: 0 0 0 25px;
}
a.post_readmore {
	padding: 0 0 0 15px;
	font-weight: normal;
	font-size: 12px;
}
#loadMore {
	width: 92%;
	padding: 3% 4%;
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 14px;
	display: block;
	cursor: pointer;
}
#showLess {
	width: 92%;
	padding: 3% 4%;
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 14px;
	display: none;
}
a.backtoblog {
	width: 92%;
	padding: 3% 4%;
	margin: -10px 0 15px 0;
	text-align: center;
	font-size: 14px;
	display: block;
	cursor: pointer;
}
.comment_row {
	width: 100%;
	float: left;
	clear: both;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}
.comm_avatar {
	float: left;
}
.comm_avatar img {
	display: block;
	width: 50px;
	height: 50px;
}
.comm_content {
	float: left;
	width: 75%;
	padding: 0 0 0 5%;
	font-style: italic;
}
/*-----------------Video page style-------------------*/
.videocontainer {
	max-width: 96%;
	padding: 2%;
	display: block;
	margin: 0 0 10px 0;
}
/*-----------------Portfolio style-------------------*/
.portfolio_item {
	width: 94%;
	padding: 3%;
	margin: 0 0 10px 0;
	float: left;
	clear: both;
}
.portfolio_image {
	width: 30%;
	float: left;
}
.portfolio_image img {
	display: block;
	max-width: 100%;
}
.portfolio_image_round {
	width: 30%;
	float: left;
}
.portfolio_image_round img {
	display: block;
	max-width: 100%;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
}
.portfolio_details {
	width: 65%;
	float: left;
	padding: 0 0 0 5%;
}
.portfolio_details h4 {
	padding: 0 0 5px 0;
}
.portfolio_details p {
	padding: 0 0 5px 0;
	line-height: 18px;
}
/*-----------------Service page style-------------------*/
.service_box {
	width: 100%;
	float: left;
	clear: both;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}
.services_icon {
	padding: 6% 0;
	width: 28%;
	height: auto;
	float: left;
	display: block;
	text-align: center;
}
.services_icon img {
	display: block;
	max-width: 70%;
	margin: auto;
}
.service_content {
	float: left;
	width: 67%;
	padding: 0 0 0 4%;
}
.service_content h4 {
	padding: 0px 0 10px 0;
}
/*-----------------Clients page style-------------------*/
.client_row {
	width: 100%;
	float: left;
	clear: both;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}
/*-----------------Responsive table-------------------*/
ul.responsive_table {
	width: 100%;
	float: left;
	clear: both;
	margin: 0 0 10px 0;
	padding: 0px;
	list-style: none;
}
li.table_row {
	width: 100%;
	float: left;
	clear: both;
	line-height: 30px;
	padding: 0px;
	list-style: none;
	margin: 0 0 1px 0;
}
.table_section_small {
	width: 18%;
	float: left;
	padding: 0 0 0 2%;
}
.table_section {
	width: 38%;
	float: left;
	padding: 0 0 0 2%;
}
/*-----------------Latest tweets style-------------------*/
.tweet {
	width: 100%;
	float: left;
	clear: both;
	margin: 0;
}
.tweet ul {
	list-style: none;
}
.tweet li {
	width: 94%;
	padding: 3%;
	margin: 0 0 10px 0;
	float: left;
	clear: both;
}
.tweet li a {
	font-weight: bold;
}
/* Form
/*------------------------------------------*/

.form {
	padding: 0 0 15px 0;
}
.form label {
	padding: 0 0 3px 0;
	display: block;
	font-size: 16px;
	font-weight: normal;
}
.form label.error {
	padding: 10px 0 0 0;
	width: 100%;
	text-align: left;
	font-size: 14px;
}
.form_input {
	padding: 3%;
	width: 93%;
	margin: 0 0 5px 0;
}
.form_textarea {
	padding: 3%;
	width: 93%;
	height: 50px;
	margin: 0 0 5px 0;
}
.form_submit {
	width: 100%;
	padding: 4% 0 4% 0;
	margin: 0;
	font-weight: normal;
	text-align: center;
	cursor: pointer;
	font-size: 20px;
	border-left: none;
	border-right: none;
	border-top: none;
	cursor: pointer;
}
ul.social {
	list-style: none;
	padding: 0px;
	margin: 0px 0 15px 0;
	width: 100%;
}
ul.social li {
	list-style: none;
	margin: 1% 0 2% 4%;
	padding: 6.5% 0;
	width: 28%;
	height: auto;
	float: left;
	display: block;
	text-align: center;
}
ul.social li img {
	display: inline-block;
	max-width: 50%;
}
li.social_facebook {
	background-color: #3f5aa9;
}
li.social_twitter {
	background-color: #29aae3;
}
li.social_google {
	background-color: #f2b700;
}
li.social_pinterest {
	background-color: #d3172f;
}
li.social_flickr {
	background-color: #90489c;
}
li.social_digg {
	background-color: #8aaf50;
}
a.call_button {
	float: left;
	clear: both;
	width: 94%;
	display: block;
	text-align: center;
	font-size: 24px;
	padding: 12px 3%;
	margin: 0 0 15px 0;
}
a.map_button {
	float: left;
	clear: both;
	width: 94%;
	display: block;
	text-align: center;
	font-size: 24px;
	padding: 12px 3%;
	margin: 0 0 15px 0;
}


/* CSS Media Queries
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 800px) {
.swiper-container {
	width: 100%;
}
.services_icon {
	padding: 4.5% 0;
}
}
@media screen and (max-width: 480px) {
.round_img {
	padding: 15% 0px;
}
ul.social li {
	padding: 6% 0;
}
.services_icon {
	padding: 4.3% 0;
}
}
@media screen and (max-width: 360px) {
.services_icon {
	padding: 4.5% 0;
}
}
@media screen and (max-width: 320px) {
.borders ul li {
	padding: 4% 0.1%;
	width: 27%;
}
}
/*-----------------Location Table-------------------*/
.table-title {
	text-align: right;
	font-weight: bold;
	color: #3c3c3b;
}
.table-title2 {
	text-align: left;
	font-weight: bold;
	color: #3c3c3b;
}
.detail {
	padding-left: 20px;
}
.iletisim-form {
	width:100%;
	}
.iletisim-form input:focus, .iletisim-form input {
	outline: none;
}
.iletisim-form .name-form {
	padding-right: 10px;
	padding-bottom: 2px;
	padding-top: 5px;
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	color: #002a5b;
	font-weight: bold;
	width:25%;
}
.iletisim-form .input-form {
	vertical-align: middle;
	padding-bottom: 2px;
	width:75%;
}
.iletisim-form .input-form select {
	width: 100%;
	height: 22px;
	font-size: 11px;
	text-indent: 5px;
	outline: none;
	border: 1px solid #ccc;
}
.iletisim-form .input-form textarea, .iletisim-form .input-form input {
	width: 99.7%;
	height: 17px;
	font-size: 11px;
	text-indent: 5px;
	border: 1px solid #ccc;
}
.iletisim-form .input-form textarea {
	height: 50px;
	resize: none;
	outline: none;
	text-indent: 5px;
	width: 99%;
}
.btnFormGonder {
	background: #ccac87;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff !important;
	border: 0px;
	padding: 5px 10px;
	margin: 0px 0px 3px 10px;
	outline: none;
	cursor: pointer;
	float: left;
	text-decoration: none;
}
a:hover.btnFormGonder {
	background: #002a5b;
}
/*****************************/
.language {
	position: absolute;
	top: 10px;
	right: 10px;
}
.language a {
	display: inline-block;
	border-radius: 115px;
	padding: 10px 5px;
	border: 1px solid #b08d65;
	width: 30px;
	text-align: center;
	background: #b08d65;
	color: #fff;
	font-weight: bold;
	font-size: 12PX;
}

.items{
	float:left;	
	padding:1% 2% 1% 1%;
	border:1px solid #bc9d7b;
	width:15%;
	height:50px;
	margin-right:2%;
	background:#fff;
	border-collapse:collapse;
}

.items a.ok{
	display:block;
	background:url(../images/ok3.png) no-repeat center left;
	padding: 2px 0px 0px 31px;
	line-height: 15px;

} 

.items.last{
	margin-right:0px;
}
.items img{
	width:99%;
	margin-top:12px;
	}
	
	
.auto_main {
	overflow: hidden;
	float:right;	
	position:relative;
}
.auto_main_text {
	padding:0px;
	margin:0px;
}
.auto_main_text li {
	display: block;
	float: left;
	position:relative;
}
.auto_main_text li a.a1{
	overflow: hidden;
	display: block;	
	}
.auto_main_text li a.a1 img {
	border:1px solid #bc9d7b !important;
	width:98%;
	vertical-align:middle;
}
.auto_main_button {
	position: relative;
}
.auto_main_button ul {
	margin:0px;
	padding:0px;
}
.auto_main_button ul li {
	position: relative;
	float: left;
	width: 75px;
	height: 58px;
	text-align: center;
	margin-right:6px;
}
.auto_main_button ul li em {
	overflow: hidden;
	display: block;
	width: 75px;
	height: 58px;
	cursor: pointer;
}

.auto_main_button ul li em img {
	display:none;
}
.auto_main_button ul li.current {
	
}

.auto_main_relative {
	position: relative;
	overflow: hidden;	
}	



.slider-button ul li:First-child em{
	background:url(../images/katplani-ico.jpg) no-repeat top left;
	border:1px solid #ccac87;
	}	
.slider-button ul li:nth-child(2) em{
	background:url(../images/manzara-ico.jpg) no-repeat top left;
	border:1px solid #ccac87;
	}	
.slider-button ul li:last-child em{
	background:url(../images/yasamplani-ico.jpg) no-repeat top left;
	border:1px solid #ccac87;
	}	
.slider-button ul li:First-child.current em{
	background:url(../images/katplani-ico-current.jpg) no-repeat top left;
	}		
.slider-button ul li:nth-child(2).current em{
	background:url(../images/manzara-ico-current.jpg) no-repeat top left;
	}	
.slider-button ul li:last-child.current em{
	background:url(../images/yasamplani-ico-current.jpg) no-repeat top left;
	}	
.katlist{
	background:#bc9d7b;
	vertical-align:middle;
	padding:5px 0px;
	}	
.katlist #select{
	color:#bc9d7b;
	height:27px;
	padding-left:5px;
	margin-left:18px;
	margin-top:5px;
	border:1px solid #ccc;
	width:87%;
	}	
.katlist #select option{
	color:#002847;
	}		
.subhead-name{
	background:#bc9d7b;
	vertical-align:middle;
	}
.subhead-name div{
	float:left;
	margin-left:20px;
	}
.subhead-name div strong{
	float:left;
	width:20px;
	height:20px;
	}		
 .subhead-name div.bos strong{
	background:#fff;
	}
 .subhead-name div.bolunmmus strong{
	background:#002847;
	}	
 .subhead-name div.dolu strong{
	background:#ccc ;
	}		
 .subhead-name div span{
	display:inline-block;
	background:#bc9d7b;
	padding-left:5px;
	color:#fff;
	}
#ajaxcity{
	padding:20px 0px;
	}			
	
	
.text1{
	text-align:left;
	padding-top:10px;
	padding-right:10px;
	}	
	
.text1 strong{
	font-size:13px;
	color:#bc9d7b;
	}


.katcontainer{
    display:none;
}

/*@media only screen and (max-width: 775px) {
.items{
	margin-right:2%;
	}
}
@media only screen and (max-width: 721px) {
.items{
	margin-right:1.8%;
	}
}
@media only screen and (max-width: 685px) {
.items{
	margin-right:1.6%;
	}
}
@media only screen and (max-width: 660px) {
.items{
	margin-right:1.4%;
	}
}
@media only screen and (max-width: 630px) {
.items{
	margin-right:1.2%;
	}
}
@media only screen and (max-width: 600px) {
.items{
	margin-right:1%;
	}
}
@media only screen and (max-width: 585px) {
.items{
	padding:5px 10px 5px 5px;
	width:16%;
	margin-right:0.5%;
	}
}*/