/* 
	header-blue = rgba(25, 66, 118, 1) - #194276
	footer-line-aquablue = rgba(44, 170, 226) - #2caae2
	
*/

@font-face{
  font-family: 'Kanit-Regular';
  src: url('../fonts/Kanit-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Kanit-Regular.woff') format('woff'), url('../fonts/Kanit-Regular.ttf')  format('truetype'), url('../fonts/Kanit-Regular.svg#Kanit-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Kanit-Light';
  src: url('../fonts/Kanit-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Kanit-Light.woff') format('woff'), url('../fonts/Kanit-Light.ttf')  format('truetype'), url('../fonts/Kanit-Light.svg#Kanit-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Kanit-Bold';
  src: url('../fonts/Kanit-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Kanit-Bold.woff') format('woff'), url('../fonts/Kanit-Bold.ttf')  format('truetype'), url('../fonts/Kanit-Bold.svg#Kanit-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Kanit-Medium';
  src: url('../fonts/Kanit-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Kanit-Medium.woff') format('woff'), url('../fonts/Kanit-Medium.ttf')  format('truetype'), url('../fonts/Kanit-Medium.svg#Kanit-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Kanit-Thin';
  src: url('../fonts/Kanit-Thin.eot?#iefix') format('embedded-opentype'),  url('../fonts/Kanit-Thin.woff') format('woff'), url('../fonts/Kanit-Thin.ttf')  format('truetype'), url('../fonts/Kanit-Thin.svg#Kanit-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}



html, body{
	font-family: 'Roboto-Light';
	box-sizing: border-box;
	position: relative;
	background: #f7f6f6;
    height: 100%;
    width: 100%;
	clear: both;
    padding: 0;
    margin: 0;
}
*,*:before,*:after{ box-sizing: border-box}
img { border: 0; }
a { text-decoration: none; color: #b6b3b3; }
p { margin: 10px 0; }
:focus { outline: none; }
.clear { clear: both; }


.page {
	position: relative;
	width: 100%;
	float: left;
}

.main {
	position: relative;
	width: 1200px;
	margin: auto;
}

.header-back {
	position: absolute;
	width: 100%;
	height: 735px;
	top: 0;
	margin: 0 auto;
	overflow: hidden;
}

.flexslider {
	margin: 0 auto;
	margin-left: calc(50% + 50px);
	width: 2300px;
	height: 1280px;
	transform: translate(-50%, -50%);
	overflow: hidden;
	padding: 0;
    border-radius: 0 0 100% 100%;
}

.flexslider img{
	width: 100%;
    object-fit: contain;
    position: absolute;
    bottom: 0;
}

.header-back-image-radius {
	position: absolute;
    background-color: rgb(25, 66, 118);
	border-radius: 0 0 100% 100%;
	width: 2300px;
	height: 1250px;
	left: 50%;
	top: 10%;
	bottom: 0;
	transform: translate(-50%, -50%);
	-webkit-box-shadow: 0px 20px 10px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 20px 10px 10px rgba(0,0,0,0.2);
	box-shadow: 0px 20px 10px 10px rgba(0,0,0,0.2);
}

.header-back-line {
	background-color: rgba(25, 66, 118, .77);
	position: absolute;
	height: 105px;
	width: 100%;
	top: 0;
}

.header {
	vertical-align: middle;
	text-align: center;
	height: 200px;
	width: 1200px;	
	float: left;
}

/* ******* Header Up ******* */
.header-up {
	vertical-align: middle;
	text-align: center;
	position: relative;
	display: block;
	width: 1200px;
	height: 70px;
	float: left;
}


.header-up-left {
    font-family: 'Kanit-Regular';
    text-transform: capitalize;
	font-weight: normal;
	margin-top: 20px;
	font-size: 14px;
	width: 500px;
	height: 47px;
    color: #fff;
	float: left;
}

.header-up-text {
	float: left;
	margin-top: 11.3px;
	padding-left: 25px;
	margin-right: 40px;
	background-repeat: no-repeat;
}
.header-up-text.phone {
	background-image: url("../images/phone-icon.png");
}
.header-up-text.watch {
	background-image: url("../images/watch-icon.png");
}

.header-up-search {
	background-color: transparent;
	margin-top: 23px;
	width: 365px;
	height: 35px;
	float: left;
}

.header-up-search-box {
	background-color: rgba(255,251,251,0.82);
	border-radius: 10px; 
	text-align: center;
	position: relative;	
	margin-left: 15px;
	width: 350px;
	height: 35px;
	float: left;
}

.search-box-content {
	position: relative;
	padding-left: 13px;
	width: 300px;
	height: 100%;
	float: left;
}

.search-box {
	background-color: transparent;
	font-family: 'Kanit-Regular';
	vertical-align: middle;
	position: relative;
	text-align: left;
	font-size: 10px;
    color: #194276;
	width: 300px;
	height: 100%;
	border: 0;
}

.header-up-search-button {
	position: relative;
	float: right;
	height: 100%;
	padding-right: 0px;
}

.header-search-button {
	background-color: transparent; 
	border: 0;
	width: 30px; 
	height: 25px; 
	cursor: pointer; 
	margin-top: 7px;
	background-image: url("../images/search-icon.png");
	background-repeat: no-repeat;
}

.header-up-right {
	position: relative;	
	float: left;
	width: 335px;
	height: 35px;
	margin-top: 23px;
	padding-left: 80px;
}

.header-up-right-button {
	position: relative;
	float: left;
	font-family: 'Kanit-Regular';
	background-color: #2caae2;
	font-size: 10pt;
	color: #fff;
	width: 117px;
	height: 35px;
	border-radius: 5px;
	cursor: pointer;
	z-index: 1;
}
.header-up-right-button:hover {
	background-color: #194276;
}

.header-up-right-button:hover .branch-dropdown-menu {
	display: block;
}

.header-up-list-button {
	height: 35px;
	background-image: url("../images/list-icon.png");
	background-position: 10px 5px ;
	background-repeat: no-repeat;
}

.header-up-branch-button {
	height: 35px;
	background-image: url("../images/down-icon.png");
	background-position: 90px 14px ;
	background-repeat: no-repeat;
	margin-left: 20px;
	display: inline-block;
}
.header-up-branch-button a{
	margin: 0;
	padding-right: 15px;
	display: block;
	font-family: 'Kanit-Regular';
	font-size: 14px;
	width: 117px;
	height: 35px;
	border-radius: 5px;
	text-decoration: none;
	color: #fff;
	padding: 6px 30px 6px 10px;
}

/* ******* Header Down ******* */
.header-down {
	position: relative;
	background-color: #f7f6f6;
	float: left;
	width: 1200px;
	height: 130px;
	border-radius: 10px;
}

.header-down-logo {
	position: relative;
	float: left;
	width: 265px;
	height: 100%;
	margin-right: 75px;
	padding-top: 10px;
    padding-bottom: 10px;
}

.header-down-logo img{
    height: 100%;
    object-fit: contain;
}

.header-down-menu {
	position: relative;
	float: left;
	width: 860px;
	height: 100%;
	padding-top: 52px;
}
.header-down-menu ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.header-down-menu li {
	position: relative;
	float: left;
	font-family: 'Kanit-Regular';
	font-size: 16px;
	color: #194276;
	width: 117px;
	border-radius: 5px;
	cursor: pointer;
	margin-right: 46px;
}
.header-down-menu li a{
	display: block;
	text-decoration: none;
	color: #194276;
	width: 117px;
	padding: 5px
}
.header-down-menu li:hover a{
	color: #fff;
}
.header-down-menu li:hover {
	background-color: #2caae2;
}


nav:not(.mm-menu){ display: none; }
.header-down-mmenu {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    height: 44px;
    float: left;
    position: absolute; 
    display: none;
    padding: 0 50px;
}
.header-down-mmenu a {    
    display: block;
    width: 28px;
    height: 18px;
    padding: 0 0 18px 0;
    margin: 2px;
    position: absolute;
    top: 0;
    left: 0;
}
.header-down-mmenu a::before,
.header-down-mmenu a::after {    
    content: '';
    display: block;
    background: #194276;
    height: 2px;
}
.header-down-mmenu a span {    
    background: #194276;
    display: block;
    height: 2px;
    margin: 6px 0;
}
#menu li a {
    font-family: 'Kanit-Light';
    font-size: 16px;
    color: #194276;
}

.banner-spaces {
	height: 200px;
	width: 100%;
	float: left;
}
/* **************** Content Part **************** */
.content-up {
	float: left;
	height: 620px;
	width: 100%;
}

.content-block {
	float: left;
	height: 620px;
	width: 325px;
	margin-left: 56.25px;
	margin-top: 20px;
}

.content-block:nth-child(2) {
    padding-top: 100px;
}

.content-circles {
	background-color: #f5f6f6;
	float: left;
	border-radius: 100%;
	height: 295px;
	width: 295px;
	margin-left: 15px;
	-webkit-box-shadow: 0px 20px 10px -5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 20px 10px -5px rgba(0,0,0,0.4);
	box-shadow: 0px 20px 10px -5px rgba(0,0,0,0.4);
}

.content-circles-in {
	position: relative;
	float: left;
	border-radius: 100%;
	width: 250px;
	height: 250px;
	margin-top: 25px;
	margin-left: 20px;
	overflow: hidden;
}

.content-circles-in img {
	width: 100%;
    object-fit: contain;
	-o-object-fit: contain;
	z-index: 1;	
}

.content-circles-out {
	border-radius: 100%;
	max-height: 250px;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-box-shadow: inset 0px 20px 10px -5px rgba(0,0,0,.4);
	-moz-box-shadow: inset 0px 20px 10px -5px rgba(0,0,0,.4);
	box-shadow: inset 0px 20px 10px -5px rgba(0,0,0,.4);
} 

.circles-in-comment {
    font-family: 'Kanit-Regular';
    text-transform: uppercase;
	font-size: 25px;
    color: #f7f6f6;
	background-color: rgba(44, 170, 226, .82);
	border-radius: 35px;
	margin-top: 125px;
	position: absolute;
	text-align: center;
	line-height: 1;
	width: 295px;
	height: 65px;
    display: table;
}
.circles-in-comment span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.circles-in-comment p{
	width: 290px;
	margin-top: 32.5px;
	margin-left: 142px;
	transform: translate(-50%, -50%);
}

.content-under-comment {
	position: relative;
	float: left;
	width: 325px;
	padding-left: 25px;
	padding-right: 30px;
	padding-top: 30px;
}

.content-under-comment-text {
    font-family: 'Kanit-Light';
	text-align: justify;
	font-size: 14px;
	line-height: 1.3;
    color: #194276;
	position: relative;
    width: 100%;
}

.under-comment-button {
	position: relative;
	float: left;
	background-color: #2caae2;
	font-size: 10pt;
	font-family: 'Kanit-Light';
	color: #fff;
	width: 90px;
	height: 25px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	margin-top: 20px;
	margin-left: 90px;
}
.under-comment-button:hover {
	background-color: #194276;
}

.content-down {
	position: relative;
	float: left;
	height: auto;
	width: 100%;
	padding-left: 60px;
	margin-top: 35px;
}

.content-down-one {
	position: relative;
	float: left;
	width: 325px;
	height: 355px;
}

.content-down-one:hover {
	border-radius: 10px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5);
}

.about-us {
	position: relative;
	float: left;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
}

.down-comment {
    color: #194276;
	position: relative;
	float: left;
	padding-left: 25px;
	padding-right: 25px;
}

.down-comment-header {
	position: relative;
	font-family: 'Kanit-Bold';
	text-align: center;
	font-size: 25px;
	line-height: 1.6;
	margin-bottom: 10px;
}

.down-comment-text {
	position: relative;
	float: left;
	font-family: 'Kanit-Light';
	text-align: justify;
	font-size: 14px;
	line-height: 1.4;
	color: #194276;
	height: 155px;
}
.down-comment-text.short { display: block; }
.down-comment-text.long { display: none; }

.down-comment-continue {
	margin-bottom: 20px;
	margin-right: 25px;
	position: relative;
	float: right;
	text-align: right;
	cursor: pointer;
}

.content-down-two {
	position: relative;
	float: left;
	width: 370px;
	height: 355px;
	margin: 0 auto;
	margin-left: 30px;
}

.content-down-two:hover {
	border-radius: 10px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5);
}

.notice {
	position: relative;
	float: left;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
}

.down-comment-center-right {
	position: relative;
	float: left;
	width: 140px;
	height: 120px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
	margin-right: 10px;
}

.down-comment-center-right-in {
    width: 130px;
    height: 110px;
    border-radius: 10px;
    margin: 5px;
    overflow: hidden;
}

.down-comment-center-right-in img{
	width: 100%;
    height: 100%;
	border-radius: 5px;
	object-fit: cover;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.down-comment-center-left {
	position: relative;
	float: left;
	width: 170px;
	text-align: left;
	font-size: 14px;
	height: 152px;
}

.down-comment-center-left-up {
	font-family: 'Kanit-Medium';
	line-height: 1.3;
}

.down-comment-center-left-down {
	margin-top: 5px;
	text-align: justify;
	font-family: 'Kanit-Light';
	line-height: 1.1;
}

.content-down-three {
	position: relative;
	float: left;
	width: 295px;
	text-align: center;
	height: 355px;
	margin: 0 auto;
	margin-left: 50px;
}

.content-down-three:hover {
	border-radius: 10px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5);
}

.video {
	position: relative;
	float: left;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
}

#videos-slider-container {
	position: relative;
	float: left;
	width: 295px;
	height: 148px;
}

.videos-slider {
	position: relative;
	float: left;
	width: 295px;
	height: 155px;
}

.down-comment-slider {
    color: #194276;
	position: relative;
	float: left;
    width: 100%;
}

.videos-slider-left {
	position: relative;
	float: left;
    width: 50%;
	height: 120px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
	margin-left: 20px;
    overflow: hidden;
}

.videos-slider-left-in {
    position: relative;
    float: left;
    width: 92%;
    height: 110px;
    border-radius: 10px;
    overflow: hidden;
    margin: 5px 4%;
}

.videos-slider-left-in img{
	height: 100%;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
	float: left;
	object-fit: contain;
}
.videos-slider-right {
	font-family: 'Kanit-Medium';
	line-height: 1.3;
	position: relative;
	float: left;
	width: 35%;
	text-align: left;
	font-size: 14px;
	height: 155px;
	margin-left: 10px;
}

.videos-slider-routers {
	float: right;
}

.router-l {
	width: 15px;
	float: left;
	text-align: right;
	cursor: pointer;
	margin-right: 5px;
}
.router-l a {
    display: block;
    padding: 5px;
}

.router-r {
	width: 15px;
	float: left;
	text-align: left;
	margin-right: 20px;
	cursor: pointer;
	margin-left: 5px;
}
.router-r a {
    display: block;
    padding: 5px;
}

.video-slider {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
    z-index: auto;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}

.video-slider.showing {
	opacity: 1;
	z-index: 2;
}

.controls {
	width: 15px;
	height: 15px;
	background-color: transparent;
	background-repeat: no-repeat;
	cursor: pointer;
	border: 0;
}

.controls.right {
	background-image: url("../images/route-r.png")
}

.controls.left {
	background-image: url("../images/route-l.png");
}
.footer-front {
	float: left;
	height: 400px;
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}



.subs-to-e-news {
	font-family: 'Kanit-Medium';
	background-color: #f7f6f6;
	color: #194276;
	margin: 0 auto;
	margin-top: 110px;
	height: 40px;
	width: 340px;
	border-radius: 20px;
	padding-top: 10px;
	padding-bottom: 13px;
    font-size: 15px;
}

.send-email-for-e-news {
	margin: 0 auto;
	width: 340px;	
	height: 35px;
	font-family: 'Kanit-Light';
	font-size: 10pt;
	background-color: #f7f6f6;
	border-radius: 20px;
	color: rgba(25,66,118,0.25);
	margin-top: 20px;
}

.send-email-button-box {
   	float: right;

}

.send-email-button {
    border: 0;
    background-color: rgba(44, 170, 226, 1);
	cursor: pointer;
	font-family: 'Kanit-Bold';
	font-size: 10pt;
	color: #fff;
	width: 112px;
	height: 35px;
	float: right;
	margin-right: -1px;
	border-radius: 20px;
}

.send-email-button:hover {
	background-color: rgba(25, 66, 118, 1);
}

.e-news-email-box {
	width: 60%;
	height: 100%;
	padding-left: 0;
	font-family: 'Kanit-Light';
	font-size: 12px;
	background-color: transparent;
	border: 0;
	margin-left: 5%;
    color: rgba(25, 66, 118, 1);
}

.footer-address-field {
	font-family: 'Kanit-Light';
	font-size: 10pt;
	line-height: 1.3;
	margin: 0 auto;
	margin-top: 30px;
	color: #fff;
}
.footer-address-field span{
	font-family: 'Kanit-Medium';
}

.footer-site-route {
	font-size: 10pt;
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 0;
	color: #fff;
}

.footer-site-route ul {
    margin: 0;
    padding: 0;
}

.footer-site-route li{
    list-style: none;
    display: inline-block;
}

.footer-site-route li:after {
    width: 5px;
    background-color: #000000;
    height: 15px;
}

.footer-site-route ul a{
	font-family: 'Kanit-Regular';
	font-size: 14px;
	line-height: 1.3;
	margin: 0 auto;
	color: #f7f6f6;
	text-decoration: none;
}
.footer-site-route ul a:hover {
    color: #194276;
}

.footer-front-bottom {
	width: 1200px;
	font-family: 'Kanit-Light';
	font-size: 8pt;
	color: #fff;
	float: left;
	bottom: 0;
	margin-top: 30px;
}

.footer-copyright {
	float: left;
}

.footer-design {
	float: right;
}
.footer-design span{
	font-family: 'Kanit-Medium'
}

#footer-back {
	position: absolute;
	width: 100%;
	height: 325px;
	bottom: 0px;
	overflow: hidden;
	z-index: -1;
}

.footer-back-blur {
	background-color: rgba(25, 66, 118, .7);
	position: absolute;
	float: left;
	width: 100%;
	height: 305px;
	top: 0;
}

.footer-back-line {
	background-color: rgba(44, 170, 226, 1);
	position: absolute;
	width: 100%;
	height: 28px;
	bottom: 0;
	left: 0;
}

.footer-back-image {
	overflow: hidden;
	text-align: center;
	position: absolute;
	float: left;
	width: 2500px;
	height: 950px;
	top: 525px;
	left: 50%;
	border-radius: 100% 100% 0 0;
	transform: translate(-50%, -50%)
}

.slides {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.branch-dropdown-menu {
	display: none;
	position: absolute;
	background-color: #2caae2;
	border-radius: 5px;
	min-width: 117px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.branch-dropdown-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.branch-dropdown-menu a {
	color: #fff;
	padding: 6px 10px;
	text-decoration: none;
	display: block;
	border-radius: 5px;
}

.branch-dropdown-menu a:hover {background-color: #194276;}

.header-back-banner {
	height: 950px;
	margin: 0 auto;
	margin-left: calc(50% + 20px);
	margin-top: -100px;
	transform: translate(-50%, -50%);
	overflow: hidden;
	padding: 0;
    border-radius: 0 0 100% 100%;
    width: 2000px;
}

.header-back-banner img{
    position: absolute;
    bottom: 0;
    object-fit: contain;
    width: 100%;
}

.header-back-banner-radius {
	position: absolute;
	background-color:  rgba(25, 66, 118, 1);
	border-radius: 0 0 100% 100%;
	width: 2200px;
	height: 1400px;
	left: calc(50% - 10px);
	top: -260px;
	bottom: 0;
	transform: translate(-50%, -50%);
	-webkit-box-shadow: 0px 20px 10px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 20px 10px 10px rgba(0,0,0,0.2);
	box-shadow: 0px 20px 10px 10px rgba(0,0,0,0.2);
}

.header-back-two {
	position: absolute;
	width: 100%;
	top: 0;
	margin: 0 auto;
	overflow: hidden;
}

.about-comment-content {
	width: 100%;
	float: left;
	margin-top: -80px;
}

.about-us-navigation {
	margin: 0 auto;
	text-align: center;
	color: #fff;
}
.about-us-navigation a{
	font-family: 'Kanit-Thin';
	text-decoration: none;
	color: #fff;
}
.about-us-navigation span{
	font-family: 'Kanit-Regular';
}

.about-us-comment {
	margin: 0 auto;
	margin-top: 65px;
	float: left;
	width: 100%;
	color: #194276;
}
.about-us-head{
	width: 100%;
}
.about-us-text{
	margin-top: 25px;
	width: 100%;
	padding: 0 95px;
}


.about-us-down {
	float: left;
	padding: 0 95px;
	width: 100%;
	color: #2caae2;
	margin-top: 70px;
}

.mission {
	width: 48%;
	float: left;
}

.vision {
	margin-left: 4%;
	width: 48%;
	float: left;
}

.mission-head h1{
	padding: 0;
	margin: 0;
	font-family: 'Kanit-Medium';
	font-size: 24px;
	font-weight: normal;
}

.mission-text {
	margin-top: 16px;
}

.mission-left {
	height: 200px;
	width: 40%;
	float: left;
	border-right: 1px solid #c3ccd8;
}

.mission-right {
	width: 60%;
	float: left;
	padding-left: 30px;
}

.vision-left {
	height: 200px;
	width: 40%;
	float: left;
	border-right: 1px solid #c3ccd8;
}

.vision-right {
	width: 60%;
	float: left;
	padding-left: 30px;
}

.vision-head {
}

.vision-text {
	font-family: 'Kanit-Light';
	text-align: justify;
	font-size: 10.8pt;
	color: #194276;
	margin-top: 16px;
}

.about-us-circle {
	background-color: #f5f6f6;
	float: left;
	border-radius: 100%;
	height: 165px;
	width: 165px;
	margin-left: 5px;
	-webkit-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.5);
}

.about-us-circle-in {
	position: relative;
	background-color: #194276;
	float: left;
	border-radius: 100%;
	height: 145px;
	width: 140px;	
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	padding-top: 36px;
}

.about-us-circle-in::after {
	border-radius: 100%;
	height: 145px;
	width: 140px;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-box-shadow: inset 0px 7px 10px 0px rgba(0,0,0,.5);
	-moz-box-shadow: inset 0px 7px 10px 0px rgba(0,0,0,.5);
	box-shadow: inset 0px 7px 10px 0px rgba(0,0,0,.5);
}

.content {
    width: 100%;
    float: left;
    margin-top: -20px;
}

.services-content {
	width: 1200px;
	float: left;
	margin-top: -80px;
}

.yuzpxyukari {
    width: 100%;
    margin-top: -100px;
}

.navigation {
    margin: 0 auto;
    text-align: center;
    color: #fff;
    margin-bottom: 100px;
}

.navigation a:nth-child(2) {
    font-family: "Kanit-Light";
    text-decoration: none;
    color: #f7f6f6;
}

.navigation a{
    font-family: 'Kanit-Thin';
    text-decoration: none;
    color: #fff;
}

.services-navigation {
	margin: 0 auto;
	text-align: center;
	color: #fff;
	margin-bottom: 100px;
}
.services-navigation span {
	font-family: 'Kanit-Regular';
}

.services-navigation a{
	font-family: 'Kanit-Thin';
	text-decoration: none;
	color: #fff;
}

.services-detail-block {
	display: block;
	float: left;
	width: 46.25%;
	height: 300px;
	margin-top: 77px;
}

.detail-block-left {
	width: 36%;
	height: 300px;
	float: left;
	border-right: 1px solid #c3ccd8;
	padding-right: 30px;
}

.services-circle {
	float: left;
	border-radius: 100%;
	height: 160px;
	width: 165px;
	margin-left: 5px;
	margin-top: 5px;
	-webkit-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.5);
}

.services-circle-in {
	position: relative;
	float: left;
	border-radius: 100%;
	height: 140px;
	width: 145px;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	overflow: hidden;
}

.services-circle-in::after {
	border-radius: 100%;
	height: 140px;
	width: 145px;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-box-shadow: inset 0px 7px 10px 0px rgba(0,0,0,.5);
	-moz-box-shadow: inset 0px 7px 10px 0px rgba(0,0,0,.5);
	box-shadow: inset 0px 7px 10px 0px rgba(0,0,0,.5);
}


.detail-block-right {
	width: 64%;
	height: 300px;
	float: left;
	padding-left: 30px;
}

.detail-right-head {
	margin-top: 15px;
	width: 100%;
}

.detail-right-text {
	margin-top: 25px;
	margin-bottom: 20px;
	width: 100%;
}

.detail-right-list {
	float: left;
	display: block;
	font-family: 'Kanit-Light';
	color: #194276;
	text-align: left;
	font-size: 10pt;
}

.detail-right-info-button {
	background-color: #2caae2;
	text-align: center;
	font-size: 12px;
	color: #fff;
	width: 87px;
	height: 26px;
	border-radius: 5px;
	cursor: pointer;
	z-index: 1;
}

.detail-right-info-button:hover {
	background-color: #194276;
}

.services-detail-block:nth-child(2n) {
	margin-left: 7.5%;
}

.services-detail-block:nth-child(-n + 2){
    margin-top: 0;
}

.detail-right-items {
	height: 240px;
}

.detail-right-info-button a{
	display: block;
	width: 87px;
	color: #fff;
	font-family: 'Kanit-Light';
	text-decoration: none;
	padding: 4px;
}

.service-detail-content {
	width: 100%;
	float: left;
	margin-top: -80px;
}

.service-detail-navigation {
	margin: 0 auto;
	text-align: center;
	color: #fff;
	margin-bottom: 100px;
}

.service-detail-navigation a{
	font-family: 'Kanit-Thin';
	text-decoration: none;
	color: #fff;
}

.service-detail-navigation a:nth-child(2){
	font-family: 'Kanit-Light';
}

.service-detail-navigation a:nth-child(3){
	font-family: 'Kanit-Medium';
}

.detail-navigation {
    margin: 0 auto;
    text-align: center;
    color: #fff;
    margin-bottom: 100px;
}

.detail-navigation a{
    font-family: 'Kanit-Thin';
    text-decoration: none;
    color: #fff;
}

.detail-navigation a:nth-child(2){
    font-family: 'Kanit-Light';
}

.detail-navigation a:nth-child(3){
    font-family: 'Kanit-Medium';
}

.service-details-top {
	float: left;
	width: 100%;
}

.service-details-left {
	float: left;
	width: 44%;
}

.service-details-circle {
	float: left;
	border-radius: 100%;
	height: 450px;
	width: 460px;
	-webkit-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.5);
}

.back-services-button {
	float: right;
	background-color: #2caae2;
	text-align: center;
	font-size: 14px;
	color: #fff;
	width: 117px;
	height: 35px;
	border-radius: 5px;
	cursor: pointer;
	z-index: 1;
}

.back-services-page {
	float: left;
	width: 100%;
	margin-top: -30px;
}
.back-page {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.back-button {
    float: right;
    background-color: #2caae2;
    text-align: center;
    font-size: 14px;
    color: #fff;
    width: 117px;
    height: 35px;
    border-radius: 10px;
    cursor: pointer;
    z-index: 1;
}

.back-button a{
    font-family: 'Kanit-Regular';
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 6px;
}

.back-button:hover {
    background-color: #194276;
}


.service-detail-circle-in {
	float: left;
	width: 395px;
	height: 395px;
	overflow: hidden;
	margin-top: 25px;
	margin-left: 30px;
	position: relative;
	text-align: center;
	border-radius: 100%;
	z-index: 0;
	
}
.service-detail-circle-out {
	top:0;
	left: 0;
	position: absolute;
	border-radius: 100%;
	width: 395px;
	height: 395px;
	-webkit-box-shadow: inset 0px 7px 10px 0px rgba(0,0,0,.5);
	-moz-box-shadow: inset 0px 7px 10px 0px rgba(0,0,0,.5);
	box-shadow: inset 0px 7px 10px 0px rgba(0,0,0,.5);
	z-index: 0;
}

.back-services-button a{
	font-family: 'Kanit-Regular';
	color: #fff;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 6px;
}

.back-services-button:hover {
	background-color: #194276;
}

.service-details-right {
	float: left;
	width: 56%;
	padding-top: 30px;
}

.service-details-header-up {
	width: 70%;
	margin-bottom: 40px;
	border-bottom: 1px solid #c3ccd8;
}

.service-details-text {
	color: #194276;
	font-family: 'Kanit-Light';
	font-size: 14px;
	line-height: 1.3;
	text-align: justify;
}

.service-details-text span{
	font-family: 'Kanit-Medium';
	line-height: 1.7;
}

.service-details-bottom {
	float: left;
	height: 225px;
	width: 100%;
	padding-top: 30px;
}

.details-bottom {
    float: left;
    width: 100%;
    padding-top: 30px;
}

.service-details-gallery-back {
	float: left;
	background-color: #2CAAE2;
	border-radius: 25px;
	max-width: 270px;
	height: 160px;
	margin-left: 40px;
}

.details-gallery-back {
    float: left;
    background-color: #2CAAE2;
    border-radius: 25px;
    width: 270px;
    height: 160px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 50px;
}

.service-details-gallery-back img{
	float: left;
	border-radius: 25px;
	width: 270px;
	height: 160px;
	margin-left: 10px;
	margin-top: -10px;
	-webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
	object-fit: contain;
}


.details-gallery-back-img{
    float: left;
    border-radius: 25px;
    width: 270px;
    height: 160px;
    margin-left: 10px;
    margin-top: -10px;
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
    overflow: hidden;
}

.details-gallery-back img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service-details-gallery-back:first-child {
	margin-left: 0;
}

/*.details-gallery-back:first-child {
    margin-left: 0;
}*/

.under-comment-button a{
	display: block;
	font-size: 12px;
	font-family: 'Kanit-Light';
	color: #fff;
	text-decoration: none;
	width: 90px;
	height: 25px;
	padding: 3px;
}

.mission-text h2{
	margin: 0;
	padding: 0;
	font-family: 'Kanit-Light';
	text-align: justify;
	font-size: 14px;
	color: #194276;
	line-height: 1.3;
	font-weight: normal;
}

.vision-head h1{
	padding: 0;
	margin: 0;
	font-family: 'Kanit-Medium';
	font-size: 24px;
	font-weight: normal;
}

.vision-text h2{
	margin: 0;
	padding: 0;
	font-family: 'Kanit-Light';
	text-align: justify;
	font-size: 14px;
	color: #194276;
	line-height: 1.3;
	font-weight: normal;
}

.detail-right-list ul li{
	background-image: url(../images/tik-icon.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 17px;
	padding-left: 20px;
	margin-bottom: 5px;
}

.detail-right-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.detail-right-head h1{
	font-weight: normal;
	font-family: 'Kanit-Medium';
	font-size: 24px;
	color: #2caae2;
}

.detail-right-text h2{
	font-family: 'Kanit-Light';
	color: #194276;
	text-align: justify;
	font-size: 14px;
	line-height: 1.3;
	font-weight: normal;
}

.down-comment-continue a{
	text-decoration: none;
	font-family: 'Kanit-Light';
	font-size: 12px;
	line-height: 1.4;
	display: block;
	color: #194276;
}

.send-email-button a{
	text-decoration: none;
	display: block;
	font-family: 'Kanit-Bold';
	font-size: 15px;
	color: #fff;
	width: 112px;
	padding: 5px;
}

.about-us-head h1{
	font-weight: normal;
	color: #194276;
	font-family: 'Kanit-Bold';
	font-size: 30px;
	text-align: center;
}

.about-us-text h2{
	font-weight: normal;
	font-family: 'Kanit-Light';
	font-size: 16px;
	text-align: justify;
    line-height: 1.25;
}

.about-us-text h2 p {
    margin-bottom: 1em;
}


.header-up-list-button a{
	margin: 0;
	display: block;
	font-family: 'Kanit-Regular';
	font-size: 14px;
	width: 117px;
	height: 35px;
	border-radius: 5px;
	text-decoration: none;
	color: #fff;
	padding: 6px 5px 6px 30px;
}

.service-details-header-up h1{
	font-weight: normal;
	color: #2caae2;
	font-family: 'Kanit-Medium';
	font-size: 30px;
}

.services-circle-in img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.service-detail-circle-in img{
	object-fit: cover;
	height: 100%;
    width: 100%;
	z-index: 2;
}



.service-detail-circle-in a{
	display: block;
	z-index: 1;
}

.region-content {
	width: 100%;
	float: left;
	margin-top: -80px;
}

.region-navigation {
	margin: 0 auto;
	text-align: center;
	color: #fff;
	margin-bottom: 105px;
}

.region-navigation a{
	font-family: 'Kanit-Thin';
	text-decoration: none;
	color: #fff;
}

.region-navigation  a:nth-child(2){
	font-family: 'Kanit-Medium';
}

.services-icon {
	width: 100%;
	text-align: center;
	display: block;
	margin: 0 auto;
}

.service-comment-text {
	width: 940px;
    margin: 0 auto;
	color: #194276;
	font: 14px 'Kanit-Light';
	line-height: 1.3;
	text-align: justify;
    margin-top: 40px;
}

.region-list {
	width: 75%;
	font-family: 'Kanit-Light';
	color: #194276;
	text-align: left;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 auto;
	margin-top: 65px;
	
}

.region-list ul{
	list-style: none;
    padding: 0;
    margin: 0;
}
.region-list ul li{
	float: left;
	background: url(../images/region-icon.png) no-repeat left center;
	height: 50px;
	width: 18%;
	margin-bottom: 50px;
	margin-left: 2%;
}
.region-list ul li a:hover{
	font-family: 'Kanit-Bold'
}

.region-list ul li a {
	display: block;
	text-decoration: none;
	font-family: 'Kanit-Light';
	color: #194276;
	text-align: left;
	font-size: 14px;
	text-transform: uppercase;
	padding: 16px 0 16px 50px;
}





.region-contact-block-line {float: left;
	width: 100%;
	border-radius: 30px;
	height: 195px;
	background: rgba(25,66,118,.77)
}

.region-contact-block img{
	width: 100%;
	object-fit: contain;
}


.region-contact-block {
	float: left;
	width: 100%;
	height: 195px;
	border-radius: 30px;
	background-image: url(../images/region-contact-image.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	margin-top: 70px;
}

.region-color {
	border-radius: 30px;
	float: left;
	height: 195px;
	width: 100%;
	background-color: rgba(25,66,118,.77)
}

.region-contact-header {
	font-family: 'Kanit-Bold';
	font-size: 24px;
	color: #fff;
	line-height: 1.2;
	text-align: justify;
}

.region-contact-footer {
	font-family: 'Kanit-Light';
	font-size: 14px;
	color: #fff;
	margin-top: 15px;
	text-align: justify;
}

.region-contact-text {
	width: 48%;
	padding-left: 85px;
	margin-top: 55px;
	float: left;
}

.region-contact-right {
	float: left;
	width: 52%;
	height: 195px;
	margin-top: 55px;
}

.region-contact-button {
	width: 155px;
	height: 50px;
	border-radius: 10px;
	background-color: #2caae2;
	margin-left: 365px;
	margin-top: 15px;
	cursor: pointer;
}

.region-contact-button a {
	display: block;
	font-family: 'Kanit-Regular';
	font-size: 18.8px;
	color: #fff;
	text-decoration: none;
	padding: 10px 20px;
}

.region-contact-button:hover {
	background-color: #194276;
}

.service-detail-comment-text {
	margin-top: 40px;
	width: 80%;
	color: #194276;
	font: 14px 'Kanit-Light';
	text-align: justify;
	margin: 0 auto;
    line-height: 1.2;
}

.service-details-text-header {
	width: 100%;
	text-align: center;
	font-family: 'Kanit-Medium';
	font-size: 20px;
	margin: 0 auto;
	margin-bottom: 35px;
    margin-top: 30px;
}

.service-details-icon {
	width: 100%;
	text-align: center;
	display: block;
	margin: 0 auto;
}

.region-details-content {
	width: 100%;
	float: left;
	margin-top: -80px;
}

.region-details-navigation {
	margin: 0 auto;
	text-align: center;
	color: #fff;
	margin-bottom: 70px;
}

.region-details-navigation a{
	font-family: 'Kanit-Thin';
	text-decoration: none;
	color: #fff;
}

.region-details-navigation a:nth-child(2){
	font-family: 'Kanit-Light';
}

.region-details-navigation  a:nth-child(3){
	font-family: 'Kanit-Medium';
	
}

.back-regions-button {
	width: 115px;
	height: 35px;
	border-radius: 10px;
	background-color: #2caae2;
	margin-left: 365px;
	margin-top: 15px;
	cursor: pointer;
	text-align: center;
	float: right;
}

.back-regions-button:hover {
	background-color: #194276;
}

.back-regions-button a{
	font-family: 'Kanit-Regular';
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 7px;
}

.back-all-region {
	width: 100%;
	float: left;
}

.contact-contect {
	width: 100%;
	float: left;
	margin-top: -80px;
}

.contact-navigation {
	margin: 0 auto;
	text-align: center;
	color: #fff;
	margin-bottom: 105px;
}

.contact-navigation a{
	font-family: 'Kanit-Thin';
	text-decoration: none;
	color: #fff;
}

.contact-navigation a:nth-child(2){
	font-family: 'Kanit-Medium';
}

.contact-block {
	width: 74%;
	margin: 0 auto;
}

.contact-block-up {
	width: 100%;
	height: 30px;
	margin-bottom: 55px;
}

.contact-block-field {
	width: 33%;
	height: 30px;
	float: left;
	font-family: 'Kanit-Regular';
	font-size: 16px;
	line-height: 1;
	color: #2caae2;
}

.contact-phone-number-block {
	width: 34%;
	height: 27px;
	float: left;
	font-family: 'Kanit-Regular';
	font-size: 16px;
	color: #2caae2;
	padding-left: 60px;
}

.contact-adress-block {
	width: 33%;
	height: 30px;
	float: left;
	font-family: 'Kanit-Regular';
	font-size: 16px;
	line-height: 1;
	color: #2caae2;
}

.email-icon {
	float: left;
	width: 40px;
	height: 30px;
	background-image: url(../images/contact-mail-icon.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.contact-email-block-light{
	font-family: 'Kanit-Light';
	font-size: 10px;
	line-height: 1;
	padding-top: 4px;
}



.contact-phone-block-light {
	font-family: 'Kanit-Light';
	font-size: 10px;
	line-height: 1;
	padding-top: 3px;
	padding-bottom: 2px;
}



.contact-block-mid {
	width: 100%;
    float: left;
}

.contact-block-half-box {
	float: left;
	width: 44.7%;
	height: 105px;
	color: #194276;
	font-family: 'Kanit-Medium';
	font-size: 14px;
}

.contact-block-field.email {
	background-image: url(../images/contact-mail-icon.png);
	background-position: 3px bottom;
	background-repeat: no-repeat;
	padding-left: 40px;
}

.contact-block-field.phone {
	background-image: url(../images/contact-phone-icon.png);
	background-position: 60px bottom;
	background-repeat: no-repeat;
	padding-left: 85px;
}

.contact-block-field.adress {
	background-image: url(../images/contact-address-icon.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 25px;
}

.contact-block-half-box.second {
	margin-left: 10.6%
}

.contact-block-half-box.tall {
	width: 100%;
}

.contact-block-half-box.large {
	height: 185px;
}

.content-block-textbox {
	border: 1px solid #e7e7e7;
	background-color: #ededed;
	padding: 12px 20px;
	outline: 0; 
	height: 45px; 
	width: 100%; 
	border-radius: 10px;
	margin-top: 10px;
	font-family: 'Kanit-Medium';
	font-size: 14px;
	color: #2caae2;
}

.content-block-textbox.large {
	height: 140px;
    resize: none;
}

.contact-block-down {
	width: 44%;
	float: right;
	height: 100px;
}

.contact-block-down-security {
	width: 70%;
	height: 100%;
	float: left;
	font-family: 'Kanit-Light';
	font-size: 14px;
	color: #194276;
}

.security-code-block {	
	border-radius: 5px;
	float: left;
	width: 115px;
	height: 38px;
	font-family: 'Kanit-Thin';
	font-size: 14px;
	background-color: #194276;
	color: rgba(247,246,246,.25);
	margin-top: 8px;
}

.security-code-text {
    border-style: none;
    border-radius: 5px;
    text-align: center;
    float: left;
    width: 115px;
    padding: 7px 12px;
    height: 38px;
    font-family: 'Kanit-Light';
    font-size: 14px;
    background-color: #194276;
    color: #fff;
}

.security-code-text:placeholder-shown {
  color: #c7c6c6;
}

.security-code-generate {
	margin: 0;
	float: left;
	height: 40px;
	padding-left: 10px;
}

.security-code-generate label{
	font-family: 'Kanit-Bold';
	font-size: 18px;
	color: #194276;
	
}

.security-code-generate img{
	text-align: center;
}

.code-generator-up {
	height: 20px;
    margin-top: 5px;
}

.code-generator-down {
	height: 20px;
	padding: 0 20px;
}

.code-generator-down a{
	text-decoration: none;
}


.contact-block-down-send {
	width: 30%;
	height: 100%;
	float: left;
}

.send-btn {
    float: right;
    cursor: pointer;
    border: none;
    text-decoration: none;
    color: #fff;
    font-family: 'Kanit-Regular';
    font-size: 14px;
    height: 35px;
    width: 115px;
    border-radius: 5px;
    background-color: #2caae2;
    background-image: url(../images/right-icon-white.png);
    background-repeat: no-repeat;
    background-position: 85px 14px;
    margin-top: 25px;
}

.send-btn:hover {
	background-color: #194276;
}

.price-list-content {
	width: 100%;
	float: left;
	margin-top: -80px;
}

.price-list-navigation {
	margin: 0 auto;
	text-align: center;
	color: #fff;
}

.price-list-comment {
	margin: 0 auto;
	float: left;
	width: 100%;
	color: #194276;
}

.price-list-head {
	width: 100%;
}

.price-list-head h1{
	font-weight: normal;
	color: #194276;
	font-family: 'Kanit-Bold';
	font-size: 30px;
	text-align: center;
}

.price-list-navigation a{
	font-family: 'Kanit-Thin';
	text-decoration: none;
	color: #fff;
}

.price-list-navigation a:nth-child(2){
	font-family: 'Kanit-Light';
}

.price-list-block {
	width: 43%;
	float: left;
	height: 580px;
}

.price-list-block-header {
	width: 100%;
	height: 100px;
	margin-bottom: 40px;
}





.price-list-block-header h1{
	padding: 0;
	margin: 0;
	font-family: 'Kanit-Bold';
	font-size: 115px;
	color: #000;  /* Fallback: assume this color ON TOP of image */
	background: linear-gradient(rgba(25, 66, 118, .5), rgba(25, 66, 118, .5)), url(../images/number-back.png) no-repeat;
	background-size: contain;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
	width: 220px;
}

.price-list-block-header-id {
	width: 28%;
	height: 100px;
	overflow: hidden;
	float: left;
}

.price-list-block-header-text {
	float: left;
	width: 65%;
	color: #194276;
	font-family: 'Kanit-Medium';
	font-size: 25px;
	margin-top: 73px;
}

.price-list-block-list {
	width: 100%;
}

table.price-list-table {
	width: 100%;
	border-collapse: collapse;
    border-style: none;
}

table.price-list-table td{
	font-family: 'Kanit-Regular';
	font-size: 18px;
	color: #194276;
    border-left: none;
    border-top: none;
	border-bottom: 1px solid #c3ccd8;
	border-right: 1px solid #c3ccd8;
    text-align: left;
	padding: 10px 0px;
}

table.price-list-table td:first-child{
	width: 82.5%;
}

table.price-list-table td:last-child{
	width: 17.5%;
	border-right: 0px;
	padding-left: 20px;
}

table.price-list-table tr:last-child td {
	border-bottom: 0px;
}

.price-list-block:nth-child(2n+1){
	margin-left: 14%;
	float: left;
}

.notices-content {
	width: 1200px;
	float: left;
	margin-top: -80px;
}

.notices-navigation {
	margin: 0 auto;
	text-align: center;
	color: #fff;
	margin-bottom: 100px;
}

.notices-navigation a{
	font-family: 'Kanit-Thin';
	text-decoration: none;
	color: #fff;
}

.notices-navigation a:nth-child(2){
	font-family: 'Kanit-Medium';
}

.notices-block {
	display: block;
	float: left;
	width: 46.25%;
	height: 200px;
	margin-top: 80px;
}

.notices-block:nth-child(-n + 2) {
    margin-top: 0;
}

.notices-block-left {
	width: 36%;
	height: 200px;
	float: left;
	border-right: 1px solid #c3ccd8;
	padding-right: 30px;
}

.notices-left-circle {
	float: left;
	border-radius: 100%;
	height: 160px;
	width: 165px;
	margin-left: 5px;
	margin-top: 5px;
	-webkit-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.5);
}

.notices-left-circle-in {
	position: relative;
	float: left;
	border-radius: 100%;
	height: 140px;
	width: 145px;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	overflow: hidden;
}

.notices-left-circle-in::after {
	border-radius: 100%;
	height: 140px;
	width: 145px;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-box-shadow: inset 0px 7px 10px 0px rgba(0,0,0,.5);
	-moz-box-shadow: inset 0px 7px 10px 0px rgba(0,0,0,.5);
	box-shadow: inset 0px 7px 10px 0px rgba(0,0,0,.5);
}

.notices-left-circle-in img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.notices-block-right {
	width: 64%;
	height: 200px;
	float: left;
	padding-left: 30px;
}

.notices-right-items {
	height: 150px;
}

.notices-right-head {
	margin-top: 15px;
	width: 100%;
}

.notices-right-head h1{
	font-family: 'Kanit-Medium';
	font-size: 24px;
	color: #2caae2;
	line-height: 1;
	font-weight: normal;
}

.notices-right-text {
	width: 100%;
}

.notices-right-info-button {
	float: left;
	background-color: #2caae2;
	text-align: center;
	font-size: 12px;
	color: #fff;
	width: 87px;
	height: 26px;
	border-radius: 5px;
	cursor: pointer;
	z-index: 1;
}

.notices-right-info-button:hover {
	background-color: #194276;
}

.notices-right-info-button a{
	display: block;
	color: #fff;
	font-family: 'Kanit-Light';
	font-size: 12px;
	text-decoration: none;
	padding: 4px;
}

.notices-block:nth-child(2n) {
	margin-left: 7.5%;
}

.notices-right-text h2{
	color: #194276;
	font-family: 'Kanit-Light';
	font-size: 14px;
	text-align: justify;
	line-height: 1.3;
	font-weight: normal;
}

.notice-detail-content {
	width: 100%;
	margin-top: -80px;
	float: left;
}

.notice-detail-navigation {
	margin: 0 auto;
	text-align: center;
	color: #fff;
	margin-bottom: 100px;
}

.notice-detail-navigation a{
	text-decoration: none;
	font-family: 'Kanit-Thin';
	font-size: 16px;
	color: #fff;
}

.notice-detail-navigation a:nth-child(2) {
	font-family: 'Kanit-Light';
}

.notice-detail-navigation a:nth-child(3){
	font-family: 'Kanit-Medium';
}

.back-notices-page {
	float: left;
	width: 100%;
	margin-top: -30px;
}

.back-notices-button {
	float: right;
	background-color: #2caae2;
	text-align: center;
	font-size: 14px;
	color: #fff;
	width: 117px;
	height: 35px;
	border-radius: 5px;
	cursor: pointer;
	z-index: 1;

}

.back-notices-button:hover {
	background-color: #194276;
}

.back-notices-button a{
	font-family: 'Kanit-Regular';
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 6px 10px;
}

.notice-details-top {
	float: left;
	width: 100%;
}

.notice-details-left {
	float: left;
	width: 44%;
}

.notice-details-circle {
	border-radius: 100%;
	height: 450px;
	width: 460px;
	-webkit-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 15px 15px -5px rgba(0,0,0,0.5);
}

.notice-detail-circle-in {
	float: left;
	width: 395px;
	height: 395px;
	overflow: hidden;
	margin-top: 25px;
	margin-left: 30px;
	position: relative;
	text-align: center;
	border-radius: 100%;
	z-index: 0;
}

.notice-detail-circle-out {
	top:0;
	left: 0;
	position: absolute;
	border-radius: 100%;
	width: 395px;
	height: 395px;
	-webkit-box-shadow: inset 0px 7px 10px 0px rgba(0,0,0,.5);
	-moz-box-shadow: inset 0px 7px 10px 0px rgba(0,0,0,.5);
	box-shadow: inset 0px 7px 10px 0px rgba(0,0,0,.5);
	z-index: 0;
}

.notice-detail-circle-in a{
	display: block;
	z-index: 1;
}

.notice-details-right {
	float: left;
	width: 56%;
	padding-top: 60px;
}

.notice-details-header-up {
	width: 70%;
	padding-bottom: 15px;
	margin-bottom: 50px;
	border-bottom: 1px solid #c3ccd8;
}

.notice-details-header-up h1{
	font-weight: normal;
	color: #2caae2;
	font-family: 'Kanit-Medium';
	font-size: 30px;
	padding: 0;
	margin: 0;
}

.notice-details-text {
	color: #194276;
	font-family: 'Kanit-Light';
	font-size: 14px;
	text-align: justify;
	line-height: 1.3;
}

.notice-details-text h3{
	color: #194276;
	font-family: 'Kanit-Light';
	font-size: 14px;
	text-align: justify;
	line-height: 1.2;
	margin-top: .3em;
	margin-bottom: 20px;
	font-weight: normal;
}

.notice-details-text ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.notice-details-text h2{
	margin: 0;
	padding: 0;
	color: #194276;
	font-family: 'Kanit-Medium';
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
}

.notice-details-text br {
	margin-bottom: 5px;
}

.notice-details-bottom {
	float: left;
	height: 225px;
	width: 100%;
	padding-top: 30px;
}

sup {
	font-family: 'Kanit-Light';
	font-size: 8px;	
}



.notice-details-gallery-back {
	float: left;
	background-color: #2CAAE2;
	border-radius: 25px;
	max-width: 270px;
	height: 160px;
	margin-left: 40px;
}

.notice-details-gallery-back.nospaces {
	margin-left: 0;
}

.notice-details-gallery-back img{
	float: left;
	border-radius: 25px;
	width: 270px;
	height: 160px;
	margin-left: 15px;
	margin-top: -10px;
	-webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
	object-fit: contain;
}

.footer-address-field a{
	text-decoration: none;
	color: #fff;
	font-family: 'Kanit-Light';
	font-size: 14px;
}

.footer-copyright a{
	text-decoration: none;
	font-family: 'Kanit-Light';
	font-size: 9px;
	color: #fff;
}

.footer-design a{
	text-decoration: none;
	font-family: 'Kanit-Light';
	font-size: 9px;
	color: #fff;
}

.contact-block-field a{
	text-decoration: none;
	font-family: 'Kanit-Regular';
	font-size: 16px;
	line-height: 1;
	color: #2caae2;
}

.notice-detail-circle-in img{
	object-fit: cover;
	height: 100%;
	width: 100%;
	z-index: 2;
}

.form-error {
    color: red;
    float: left;
    margin-left: -10px;
    font-family: 'Kanit-Light';
}

.contact-error {
    color:red;
    margin-top:5px;
    font-size:14px;
    display: table;
    font-family: 'Kanit-Light';
}

.contact-success {
    color:green;
    margin-top:5px;
    font-size:14px;
    display: table;
    font-family: 'Kanit-Light';
}

.uyelik-success {
    color: #f7f6f6;
    font-size:14px;
    display: table;
    font-family: 'Kanit-Light';
    border-bottom: 1px green;
    border-bottom-style: none;
    border-bottom-style: ridge;
    margin: 0 auto;
}

.contact-error {
    color:red;
    font-size:14px;
    font-family: 'Kanit-Light';
    margin: 0 auto;
}

.refresh-btn
{
    background:url(../images/code-generate-icon.png) no-repeat;
    border: 0;
    width: 20px;
    height: 20px;
}

.search-content {
    width: 100%;
    margin: 0 auto;
    padding-top: 50px;
}
.search-content-title {
    color: #194276;
    font-family: 'Kanit-Regular';
    font-size: 20px;
    padding-left: 30px;
    margin-bottom: 20px; 
}

.search-block {
    padding-left: 20px;
    float: left;
    width: 45%;
    height: 190px;
    border-radius: 10px;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-bottom: 40px;
    background-color: #fff;
}
.search-block:hover {
    background-color: #f7f6f6;
    -webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
}

.search-block:nth-child(2n+1) {
    margin-left: 2.5%;
    margin-right: 2.5%;
}

.search-block-header {
    font-family: 'Kanit-Medium';
    font-size: 24px;
    color: #2caae2;
    height: 70px;
    margin-top: 10px;
}

.search-block-text {
    font-family: 'Kanit-Light';
    font-size: 14px;
    color: #194276;
    height: 80px;
    padding-right: 20px;
    text-align: justify;
}

.search-block-button {
    border-radius: 5px;
    font-family: 'Kanit-Light';
    font-size: 12px;
    color: #194276;
    float: right;
    margin-right: 20px;
}
.search-block-button:hover { color: #2caae2; }
.popup_img { max-width: 100%; max-height: 900px; }

@media only screen and (max-width: 1200px) {
	.header-back { width: 100%; }
	.service-details-bottom { overflow: hidden; }
    .details-bottom {overflow: hidden}
    .popup_img { max-height: 500px; }
    .pnlIcerik { margin: 0 15px; }
    .footer-front { width: 100%; }
    .footer-front-bottom { width: 100%; }
    #footer-back { width: 100%; }
    .fancybox-image, .fancybox-spaceball { padding: 10px; width: 90%; height: auto; margin: 0 5%; }
    .footer-copyright { margin-left: 5px; } .footer-design { margin-right: 5px; }
}

@media only screen and (min-width: 1200px) and (max-width:1278px)  {
	.header-up { height:55px; padding-top: 10px; }
    .header-up-left { padding-left: 5px; margin-top: 0; }
    .header-up-search { margin-top: 3px; }
    .header-up-right { margin-top: 3px; }
    .header-down { height: 100px; }
    .header-down-logo { padding-top: 5px; padding-bottom: 5px; }
    .header-down-menu { padding-top: 35px; }
    .header-back { width: 100%; height: 90%; }
	.flexslider { margin-top: 0px; height: 1100px; width: 1700px; margin-left: calc(50% + 30px);}
	.about-comment-content, .services-content, .service-detail-content, .region-content, .region-details-content, .contact-contect, .price-list-content { margin-top: -40px; }
	.header-back-image-radius { width: 134%; height: 57%; }
    .navigation { margin-top: 60px; } .detail-navigation{ margin-top: 70px; } 
    .content-block:nth-child(2) { padding-top: 100px; }
    .banner-spaces { height: 140px; }
	.content-block { margin-top: 0; }
    .popup_img { max-height: 500px; }
    .pnlIcerik { margin: 0 30px; }
    .fancybox-image, .fancybox-spaceball { padding: 10px; }
}

@media only screen and (min-width: 1279px) and (max-width:1366px) {
    .header-up { height:55px; padding-top: 10px; }
    .header-up-left { padding-left: 5px; margin-top: 0; }
    .header-up-search { margin-top: 3px; }
    .header-up-right { margin-top: 3px; }
    .header-down { height: 100px; }
    .header-down-logo { padding-top: 5px; padding-bottom: 5px; }
    .header-down-menu { padding-top: 35px; }
	.header-back { width: 100%; height: 90%; }
	.flexslider { margin-top: 0px; height: 1135px; width: 1900px; margin-left: calc(50% + 30px); }
	.header-back-image-radius { width: 134%; height: 58%; }
	.navigation { margin-top: 60px; }
    .detail-navigation{ margin-top: 70px; }
	.banner-spaces { height: 150px; }
	.content-block { margin-top: 0; }
    .popup_img { max-height: 500px; }
    .pnlIcerik { margin: 0 30px; }
    .fancybox-image, .fancybox-spaceball { padding: 10px; }
}

@media only screen and (min-width:1000px) and (max-width:1199px) {
    .header-back { width: 100%; }
    .header-back-image-radius { width: 1700px; height: 1000px; }
    .flexslider { width: 1600px; height: 1050px; }
    .main { width: 100%;}
    .header { height: 150px; width: 100%; }
    .header-up { width: 100%; height: 50px; }
    .header-up-left { width: 30%; margin-top: 0; }
    .header-up-text.phone { margin-left: 5px; }
    .header-up-text.watch { display: none; }
    .header-up-search { width: 35%; margin-top: 3px; }
    .header-up-right { width: auto; margin-top: 3px; float: right; }
    .header-down { width: 100%; height: 100px; }
    .header-down-logo{ width: 220px; }
    .header-down-menu { width: auto; padding-top: 35px; }
    .header-down-menu li { width: 120px; margin-right: 20px; }
    .banner-spaces { height: 140px; }
    .content-block { margin: 0 1.6%; width: 30%; }
    .content-down { padding: 0 5%; }
    .content-down-one { width: 30%; }
    .down-comment { padding-left: 10px; padding-right: 10px; }
    .content-down-two { width: 30%; margin-left: 5%; }
    .down-comment-center-right { width: 50%; }
    .down-comment-center-right-in { width: 92%; }
    .down-comment-center-left { width: 46%; }
    .content-down-three { width: 30%; margin-left: 5%; }
    #videos-slider-container { width: 280px; }
    .footer-front { width: 100%; }
    .footer-front-bottom { width: 100%; }
    #footer-back { width: 100%; }
    .navigation { margin-top: 100px; }
    /* ------ Hakkımızda ------ */
    .about-us-circle { height: 145px; width: 145px; } .about-us-circle-in { height: 125px; width: 120px; padding-top: 27px; } .about-us-circle-in::after { height: 125px; width: 120px; } .mission-right { padding-left: 10px; } .mission-text { margin-top: 10px;} .vision-right { padding-left: 10px; } .vision-text { margin-top: 10px; }
    /* ------ Şube Detay ------ */
    .region-contact-text { width: 58%; } .region-contact-right { width: 42%; } .region-contact-button { margin-left: 0; margin-right: 10px; float: right; }
    /* ------ İletişim ------ */
    .contact-block-field { font-size: 14px;}
    /* ------ Fiyat Liste ------ */
    .price-list-block { width: 47%; padding-left: 30px; } .price-list-block:nth-child(2n+1) { margin-left: 6%; padding-left: 0; padding-right: 30px;} .price-list-block-header { margin-bottom: 30px; } .price-list-block-header-id { width: 35%; }
    .detail-navigation { margin-top: 100px; }
    /* ------ Hizmet Liste ------ */
    .detail-block-left { width: 40%; } .detail-block-right { width: 60%; padding-left: 15px; } .detail-right-head { margin-top: 0; } .detail-right-text { margin-top: 0; } .detail-right-info-button { margin-top: 5px; } .services-detail-block:nth-child(2n) { margin-left: 6%; }
    /* ------ Hizmet Detay ------ */
    .service-details-circle { height: 400px; width: 400px; margin-left: 10px; } .service-detail-circle-in { width: 355px; height: 355px; margin-left: 20px; } .service-detail-circle-out { width: 355px; height: 355px; } .service-details-right { padding-right: 3%; } .details-gallery-back { width: 22%; height: 140px; margin: 30px 2% 0 1%; } .details-gallery-back-img { width: 100%; height: 100%; }
    /* ------ Duyuru Liste ------ */
    .notices-block-left { width: 40%; } .notices-block-right { width: 60%; padding-left: 15px; } .notices-right-head { margin-top: 0; } .notices-right-text { margin-top: 0; } .notices-right-info-button { margin-top: 5px; } .notices-block:nth-child(2n) { margin-left: 6%; } 
    /* ------ Duyuru Detay ------ */
    .notice-details-circle { height: 400px; width: 400px; margin-left: 10px; } .notice-detail-circle-in { width: 355px; height: 355px; margin-left: 20px; } .notice-detail-circle-out { width: 355px; height: 355px; } .notice-details-right { padding-right: 3%; } 
} /* Tablet yatay */

@media only screen and (min-width:760px) and (max-width:999px) {
    .header-back { width: 100%; } .header-back-image-radius { width: 1300px; height: 825px; } .flexslider { width: 1350px; height: 875px; }
    .main { width: 100%; } .pnlIcerik { margin: 0 30px; }
    .header { width: 100%; height: 150px; } 
    .header-up { width: 100%; height: 50px; } .header-up-left { margin-top: 5px; width: 170px; padding-left: 5px; } .header-up-text.watch { display: none;} .header-up-search{ width: 40%; margin-top: 10px; } .header-up-search-box { width: 98%; margin-left: 0; background-color: #25344670; } .search-box-content { width: 85%; } .search-box { width: 100%; color: #f7f6f6; background: transparent; } .header-search-button { background-image: url("../images/search-icon-white.png"); opacity: .9; } .header-up-list-button { float: right; margin-left: 0; } .header-up-branch-button { float: right; margin-right: 20px; margin-left: 0;} .header-up-right { float: right; margin-top: 8px; width: 35%; padding-left: 0; }
    .header-down { width: 100%; height: 100px; } .header-down-menu { display: none; } .header-down-mmenu { display: block; top: 90px; right: 0; padding: 0 35px; }
    .content-up { height: 450px; } .content-block { width: 30%; margin:0 1.5%; height: auto; } .content-block:nth-child(2) { padding-top: 0; }
    .content-circles { height: 230px; width: 100%; margin: 0; } .content-circles-in { width: 90%; height: 200px; margin-top: 15px; margin-left: 4%; } .circles-in-comment { margin-top: 95px; width: 30%; height: 50px; font-size: 22px; } .content-under-comment { padding: 0; padding-top: 30px; width: 100%; } 
    .content-down { padding: 0 15px; }
    .content-down-one { width: 100%; margin-bottom: 40px; height: 310px; } .about-us { width: 100%; } 
    .content-down-two { float: left; width: 47%; margin: 0; } .down-comment-center-right { width: 48%; } .down-comment-center-right-in { width: 92%; height: 92%; margin: 4%; } .down-comment-center-left { width: 48%; } .down-comment-continue a { font-size: 14px; } 
    .content-down-three { float: right; width: 47%; margin-left: 0; } .down-comment-text.long { display: block; height: 120px; } .down-comment-text.short { display: none; }
    .footer-front { width: 100%; } .footer-front-bottom { width: 100%; } #footer-back { width: 100%; } .footer-back-image { width: 1700px; }
    .navigation { margin-top: 50px; }
    .about-us-head h1 { font-size: 26px; } .about-us-text h2 { font-size: 14px; } .mission { width: 90%; } .vision { margin-top: 50px; width: 90%; margin-left: 0; }
    .services-detail-block { width: 85%; } .detail-block-left { padding-right: 0; } .services-circle { float: unset; margin: 0 auto; } .services-detail-block:nth-child(2n) { margin-left: 0; } .services-detail-block:nth-child(-n+2) { margin-top: 77px; } .services-detail-block:nth-child(-n+1) { margin-top: 0; }
    .service-comment-text { padding: 0; width: 90%; } .region-list { width: 90%; } .region-list ul li { width: 23%; } .region-contact-text { width: 55%; padding-left: 40px; } .region-contact-header { font-size: 19px; } .region-contact-right { width: 40%;} .region-contact-button { float: right; margin-left: 0; }
    .notices-block { width: 95%; } .notices-block-left{ padding-right: 0; } .notices-left-circle{ float: unset; margin: 0 auto; } .notices-block:nth-child(-n+2) { margin-top: 80px;} .notices-block:nth-child(-n+1) { margin-top: 0; } .notices-block:nth-child(2n) { margin-left: 0; }
    .price-list-block { width: 90%; float: unset; height: auto; margin: 0 auto; } .price-list-block:nth-child(2n+1) { margin: 0 auto; float: unset; }
    .contact-block { width: 90%; } .contact-block-down { width: 50%; } .contact-block-field.email { display: none;} .contact-block-field.phone { padding-left: 30px; width: 50%; background-position: left bottom; } .contact-block-field.adress { width: 50%; } 
    .detail-navigation { margin-top: 50px; } 
    .service-details-left { width: 45%; height: 320px; } .service-details-right { float: unset; width: 90%; margin: 0 auto; } .service-details-header-up { width: 40%; float: unset; margin-left: 44.8%; } .content-under-comment-text { float: unset; }
    .service-detail-comment-text { width: 90%; } .service-details-circle { width: 290px; height: 300px; float: unset; margin: 0 auto; } .service-detail-circle-in { width: 255px; height: 255px; margin-left: 15px;} .service-detail-circle-out { height: 255px; width: 255px; }
    .details-gallery-back { width: 30%; margin-right: 12px; margin-left: 12px; margin-top: 35px; } .details-gallery-back-img { width: 100%; }

    .notice-details-left { width: 45%; height: 320px; } .notice-details-circle { height: 300px; width: 290px; margin: 0 auto; } .notice-detail-circle-in { width: 255px; height: 255px; margin-left: 15px; } .notice-detail-circle-out { width: 255px; height: 255px; } .notice-details-right { float: unset; width: 90%; padding-top: 40px; margin: 0 auto; } .notice-details-header-up { width: 40%; margin-left: 44.8%; margin-bottom: 30px; }
} /* Tablet dikey */

@media only screen and (min-width:700px) and (max-width:759px) {
    .header-back-image-radius { border-radius: 0; width: 1100px; height: 620px; } .flexslider { border-radius: 0; width: 1100px; height: 700px; } .header-back-line { height: 70px; }
    .main { width: 100%; } .header { width: 100%; height: 100px; } 
    .header-up { height: 30px; width: 100%; } .header-up-left { margin-top: 0; width: 130px; height: 25px; line-height: 25px; float: left; } .header-up-text.phone { margin: 0; background-position: left center; } .header-up-text.watch { display: none; } .header-up-search { float: right; margin-top: 2px; width: 40%; height: 30px; } .header-up-search-box { width: 98%; margin-left: 0; height: 25px; background-color: #25344670; } .search-box-content { width: 85%; } .search-box { width: 100%; color: #f7f6f6; background-color: transparent; } .header-search-button { margin-top: 3px; opacity: .9; background-image: url("../images/search-icon-white.png"); } .header-up-right { display: none; }
    .header-down { width: 100%; height: 70px; } .header-down-logo { width: auto; margin: 0 40px; padding: 2px; } .header-down-menu { display: none; }
    .header-down-mmenu { display: block; right: 0; top: 55px; padding: 0 30px; } #menu li a { font-size: 14px; }
    .banner-spaces { height: 140px; } 
    .content-up { height: auto; margin-top: 35px; } .content-block { width: 30%; height: 450px; margin: 0 1.5%; } .content-circles { width: 220px; height: 220px; margin-left: 0; } .content-circles-in { width: 89%; height: 190px; margin-top: 15px; margin-left: 5%; } .circles-in-comment { width: 220px; margin-top: 85px; height: 50px; font-size: 20px; } .content-under-comment { padding: 0; width: 100%; padding-top: 20px;} .content-block:nth-child(2) { padding-top: 0; } .content-under-comment-text { height: 110px; } .under-comment-button { width: 40%; margin-left: 30%; }
    .content-down { padding: 0 30px; } .content-down-one { width: 100%; margin-bottom: 20px; padding-top: 15px; } .about-us { width: 100%; } .down-comment-text.short { display: none; } .down-comment-text.long { display: block; } .content-down-two { margin: 0; width: 48%; margin-top: 30px; } .down-comment { padding: 0 10px; } .down-comment-center-right { width: 48%; } .down-comment-center-right-in { width: 92%; margin: 5px 4%; } .down-comment-center-left { float: right; width: 48%; height: 148px; } .down-comment-continue { margin-right: 10px; } .content-down-three { width: 48%; margin: 0; float: right; margin-top: 30px; } .video-slider { padding: 0 5%; }
    .videos-slider-left { width: 50%; margin: 0 auto; } .videos-slider-right { width: 45%; } #videos-slider-container { width: 100%; } .footer-front { height: 305px; } .subs-to-e-news { margin-top: 60px; } .footer-site-route { display: none; } .footer-back-image { border-radius: 0; height: 850px; } .popup_img { max-height: 300px; }
    .header-back-banner-radius { width: 1500px; height: 1100px; } .header-back-banner { width: 1250px; height: 700px; } .navigation { margin-top: 30px; } 
    .about-us-comment { margin-top: 35px; } .about-us-head h1 { font-size: 24px; } .about-us-text { padding: 0; width: 90%; margin: 0 auto; } .about-us-text h2 { font-size: 14px; } .about-us-down { padding: 0; width: 90%; margin-left: 5%; margin-right: 5%; } .mission { width: 100%; } .vision { width: 100%; margin-left: 0; margin-top: 70px; } .about-us-circle { float: unset; margin: 0 auto; } .mission-left { width: 35%; } .mission-right { width: 65%; } .vision-left { width: 35%; } .vision-right { width: 65%; } 
   .services-detail-block:nth-child(2n) { margin-left: auto; } .services-detail-block { width: 90%; margin: 0 auto; float: unset; margin-top: 77px; } .services-detail-block:nth-child(-n+2) { margin-top: 77px; } .services-detail-block:nth-child(-n+1) { margin-top: -30px; } .detail-block-left { width: 30%; } .services-circle { float: unset; margin: 0 auto; } .detail-block-right { width: 70%; }
    .services-icon { margin-top: -50px; } .service-comment-text { width: 94%; } .region-list { width: 86%; } .region-list ul li { width: 23%; } .region-contact-text { width: 70%; padding-left: 30px; } .region-contact-right { width: 30%; margin-top: 72.5px; } .region-contact-button { margin: 0; float: right; margin-right: 15px; } 
    .contact-block { margin-top: -50px; width: 80%; } .contact-block-field.email { width: 50%; } .contact-block-field.phone { width: 50%; } .contact-block-field.adress { width: 100%; margin-top: 15px; padding-top: 10px; } .contact-block-half-box { width: 100%; } .contact-block-half-box.second { margin-left: 0; }  .contact-block-down { width: 60%; }
    .notices-block { width: 90%; margin: 0 auto; margin-top: 40px; float: unset; } .notices-block:nth-child(-n+2) { margin-top: 40px; } .notices-block:nth-child(-n+1) { margin-top: -10px; } .notices-block:nth-child(2n) { margin-left: auto; } 
    .price-list-block { width: 85%; margin: 0 auto; float: unset; } .price-list-block:nth-child(2n+1) { float: unset; margin-left: auto; }
    .detail-navigation { margin-top: 25px; } .service-details-left { width: 40%; height: 270px; } .service-details-circle { width: 240px; height: 245px; float: unset; margin: 0 auto; } .service-detail-circle-in { width: 200px; height: 200px; margin-left: 15px; } .service-detail-circle-out { width: 200px; height: 200px; } .service-details-right { float: unset; width: 90%; margin: 0 auto; } .service-details-header-up { width: 40%; float: unset; margin-left: 39%; margin-bottom: 20px; } .details-gallery-back { width: 29%; margin-right: 2%; margin-left: 2%; height: 120px; } .details-gallery-back-img { width: 100%; height: 100%; } .back-services-button { margin-right: 30px; }
    .notice-details-left { width: 40%; height: 270px; } .notice-details-circle { width: 240px; height: 245px; float: unset; margin: 0 auto; } .notice-detail-circle-in { width: 200px; height: 200px; margin-left: 15px; } .notice-detail-circle-out { width: 200px; height: 200px; } .notice-details-right { float: unset; width: 90%; margin: 0 auto; } .notice-details-header-up { width: 40%; float: unset; margin-left: 39%; margin-bottom: 20px; padding: 0; } 
    .search-content { padding-top: 0; }
} /* iPhone Plus yatay */

@media only screen and (min-width:660px) and (max-width:699px) {
    .main { width: 100%; } .header { width: 100%; height: 100px; } .popup_img { max-height: 250px; max-width: 650px; } .banner-spaces { height: 140px; } 
    .header-back-line { height: 50px; } .header-back-image-radius { width: 900px; height: 525px; border-radius: 0; } .flexslider { border-radius: 0; width: 925px; height: 600px; }
    .header-up { width: 100%; height: 30px; } .header-up-left { width: 30%; margin-top: 0; height: 25px; line-height: 25px; float: left; } .header-up-text.phone { margin: 0; background-position: 5px center; } .header-up-text.watch { display: none; } .header-up-search { float: right; margin-top: 2px; width: 40%; height: 30px; } .header-up-search-box { width: 98%; margin-left: 0; height: 25px; background-color: #25344670; } .search-box-content { width: 85%; } .search-box { width: 100%; color: #f7f6f6; background-color: transparent; } .header-search-button { margin-top: 3px; opacity: .9; background-image: url("../images/search-icon-white.png"); } .header-up-right { display: none; }
    .header-down { width: 100%; height: 70px; } .header-down-logo { width: auto; margin: 0 40px; padding: 2px; } .header-down-menu { display: none; } .header-down-mmenu { display: block; top: 55px; right: 0; padding: 0 30px; }
    .content-up { height: auto; } .content-block { width: 30%; height: 400px; margin: 0 1.5%; } .content-block:nth-child(2) { padding-top: 0; } .content-circles { margin: 0 auto; float: unset; width: 200px; height: 200px; } .content-circles-in { width: 170px; height: 170px; margin-top: 16px; margin-left: 13px; } .circles-in-comment { width: 200px; height: 50px; margin-top: 75px; font-size: 20px; } .content-under-comment { padding: 0; margin: 0 auto; width: 100%; padding-top: 30px; } .under-comment-button { width: 45%; margin-left: 27.5%; } .content-down { padding: 0 30px; } .content-down-one { width: 100%; margin-bottom: 20px; padding-top: 15px; } .about-us { width: 100%; } .down-comment { padding: 0 10px; } .down-comment-text.short { display: none; } .down-comment-text.long { display: block; } .down-comment-continue { margin-right: 10px; } .content-down-two { margin: 0; width: 48%; margin-top: 30px; } .down-comment-center-right { width: 48%; } .down-comment-center-right-in { width: 92%; margin: 5px 4%; } .down-comment-center-left { width: 48%; height: 140px; float: right; } .content-down-three { width: 48%; margin: 0; float: right; margin-top: 30px; } #videos-slider-container { width: 100%; } .video-slider { padding: 0 5%; } .videos-slider-left { width: 50%; margin: 0 auto; } .videos-slider-right { width: 45%; } .footer-front { height: 285px; } .subs-to-e-news { margin-top: 40px; } .footer-site-route { display: none; } .footer-back-image { border-radius: 0; height: 850px; } 
    .header-back-banner-radius { width: 1350px; height: 1050px; } .header-back-banner { width: 1150px; height: 650px; } .about-us-comment { margin-top: 30px; } .about-us-head h1 { font-size: 24px; } .about-us-text { padding: 0; width: 94%; margin: 0 auto; } .about-us-text h2 { font-size: 14px; } .about-us-down { padding: 0; width: 92%; margin: 0 auto; } .mission { width: 100%; margin-top: 40px; } .about-us-circle { float: unset; margin: 0 auto; } .vision { width: 100%; margin-left: 0; margin-top: 40px; } 
    .services-detail-block { width: 90%; margin: 0 auto; float: unset; margin-top: 77px; } .services-detail-block:nth-child(-n+2) { margin-top: 77px; } .services-detail-block:nth-child(-n+1) { margin-top: 0; } .services-detail-block:nth-child(2n) { margin-left: auto; } .detail-right-info-button { float: right; } 
    .service-comment-text { width: 94%; } .service-comment-text { width: 94%; } .region-list { width: 86%; } .region-list ul li { width: 31%; } .region-contact-text { width: 65%; margin-left: 35px; margin-top: 45px; padding: 0; } .region-contact-header { font-size: 20px; } .region-contact-right { width: 25%; float: right; } .region-contact-button { margin: 0; float: right; margin-right: 10px; margin-top: 15px; } .notices-block { width: 94%; margin: 80px 3% 0 3%; } .notices-block:nth-child(-n+2) { margin-top: 80px; } .notices-block:nth-child(-n+1) { margin-top: 0; } .notices-block:nth-child(2n) { margin-left: 3%; } .notices-right-info-button { float: right; } .price-list-comment { margin-top: -60px; } .price-list-head h1 { font-size: 26px; } .price-list-block { width: 80%; margin: 0 auto; float: unset; height: auto; } .price-list-block:nth-child(2n+1) { margin-left: auto; float: unset; } .contact-block-up { float: left; height: auto; margin-top: -40px; margin-bottom: 20px; } .contact-block-field { margin: 5px 0; } .contact-block-field.email { width: 100%; } .contact-block-field.phone { width: 100%; padding-left: 40px; background-position: 8px bottom; } .contact-block-field.adress { width: 100%; padding-left: 40px; background-position: 10px bottom; } .contact-block-down { width: 65%; }
    .service-details-left { width: 50%; height: 315px; } .service-details-circle { width: 290px; height: 300px; float: unset; margin: 0 auto; } .service-detail-circle-in { width: 255px; height: 255px; margin-left: 15px; } .service-detail-circle-out { width: 255px; height: 255px; } .service-details-right { float: unset; width: 90%; margin: 0 auto; padding-top: 10px; } .service-details-header-up { width: 50%; float: unset; margin-left: 50%; } .back-services-page { margin-top: -70px; } .service-details-top { margin-top: -35px; } .details-gallery-back { width: 30%; height: 120px; margin-right: 1.5%; margin-left: 1.5%; } .details-gallery-back-img { width: 100%; height: 100%; } .content-under-comment-text { height: 125px; } .service-detail-comment-text { width: 92%; }
    .notice-details-top { margin-top: -35px; } .notice-details-left { height: 315px; width: 50%; } .notice-details-circle { width: 290px; height: 300px; float: unset; margin: 0 auto; } .notice-detail-circle-in { width: 255px; height: 255px; margin-left: 15px; } .notice-detail-circle-out { width: 255px; height: 255px; } .notice-details-right { float: unset; width: 90%; margin: 0 auto; padding-top: 25px; } .notice-details-header-up { width: 50%; float: unset; margin-left: 50%; margin-bottom: 20px; } .search-block { width: 95%; } .search-content { padding-top: 0; }
} /* iPhone 6/6s yatay */

@media only screen and (min-width:640px) and (max-width:659px) {
    .popup_img { max-height: 250px; max-width: 600px; } 
    .header-back-image-radius { width: 900px; height: 470px; border-radius: 0; } .flexslider { border-radius: 0; width: 850px; height: 550px; } .header-back-line { height: 50px; } .header-back-banner-radius { width: 1350px; height: 1050px; } .header-back-banner { width: 1150px; height: 650px; } .main { width: 100%; } .header { width: 100%; height: 100px; } .header-up { width: 100%; height: 30px; } .header-up-left { width: 40%; margin-top: 0; height: 25px; line-height: 25px; float: left; } .header-up-text.phone { margin: 0; background-position: 5px center; } .header-up-text.watch { display: none; } .header-up-search { float: right; margin-top: 2px; width: 45%; height: 30px; } .header-up-search-box { width: 98%; margin-left: 0; background-color: #25344670; height: 25px; } .search-box-content { width: 85%; } .search-box { width: 100%; color: #f7f6f6; background: transparent; } .header-search-button { margin-top: 3px; opacity: .9; background-image: url("../images/search-icon-white.png"); } .header-up-right { display: none; } .header-down { width: 100%; height: 70px; } .header-down-logo { width: auto; margin: 0 40px; padding: 2px; } .header-down-menu { display: none; } .header-down-mmenu { display: block; right: 0; top: 55px; padding: 0 35px; } 
    .banner-spaces { height: 130px; } .content-up { height: auto; } .content-block { width: 30%; margin: 0 1.6%; height: auto; } .content-block:nth-child(2) { padding-top: 0; } .content-circles { margin: 0; width: 100%; height: 190px; } .content-circles-in { width: 88%; height: 88%; margin-left: 4%; margin-top: 6%; } .circles-in-comment { width: 30%; height: 50px; margin-top: 70px; font-size: 20px; } .content-under-comment { width: 100%; padding: 0; padding-top: 20px; } .content-under-comment-text { height: 130px; } .under-comment-button { margin-left: 50px; } 
    .content-down { padding: 0 30px; margin-top: 45px; } .content-down-one { width: 100%; height: 330px; } .down-comment { padding: 0 20px; } .down-comment-text.short { display: none; } .down-comment-text.long { display: block; height: 145px; } .content-down-two { width: 48%; margin: 0; margin-top: 40px; height: 330px; } .down-comment { padding: 0 10px; width: 100%; } .down-comment-header { margin-bottom: 10px; line-height: 1.2; height: 30px; } .down-comment-center-right { width: 45%; margin: 0; height: 100px; } .down-comment-center-right-in { width: 92%; margin: 4%; height: 92%; } .down-comment-center-left { width: 52%; height: 150px; margin-left: 3%; } .content-down-three { width: 48%; margin-left: 4%; margin-top: 40px; height: 330px; } .down-comment-header { margin-bottom: 5px; } #videos-slider-container { width: 100%; height: 145px; } 
    .footer-front { height: 305px; } .subs-to-e-news { margin-top: 60px; } .footer-site-route { display: none; } .footer-back-image { border-radius: 0; height: 850px; } 
    .navigation { margin-top: 10px; } .about-us-comment { margin-top: 50px; } .about-us-head h1 { font-size: 24px; margin: 0; } .about-us-text { padding: 0 25px; margin-top: 0; } .about-us-text h2 { font-size: 14px; } .about-us-down { padding: 0 60px; } .mission { width: 100%; } .mission-left { padding-left: 20px; } .vision { width: 100%; margin-left: 0; margin-top: 40px; } .vision-left { padding-left: 20px; }
    .services-detail-block { width: 85%; margin: 0 7.5%; margin-top: 77px; } .services-detail-block:nth-child(-n+2) { margin-top: 77px; } .services-detail-block:nth-child(-n + 1) { margin-top: -35px; } 
    .services-icon { margin-top: -35px; } .service-comment-text { width: 92%; margin-top: 20px; } .region-list { width: 88%; margin-top: 30px; } .region-list ul li { width: 30%; margin: 0 1.5% 25px 1.5%; } .region-contact-text { width: 70%; margin-top: 50px; padding-left: 30px; } .region-contact-header { font-size: 20px; } .region-contact-right { width: 30%; height: auto; margin-top: 77.5px; padding-right: 10px; } .region-contact-button { margin: 0; float: right; height: 40px; width: 130px; } .region-contact-button a { font-size: 16px; width: 100%; padding: 8px; text-align: center; } 
    .notices-block { width: 92%; margin: 0 4%; margin-top: 77px; } .notices-block:nth-child(-n+2) { margin-top: 77px; } .notices-block:nth-child(-n+1) { margin-top: -30px; } .notices-block:nth-child(2n) { margin-left: 4%; }
    .price-list-comment { margin-top: -45px; } .price-list-head h1 { margin: 0; font-size: 22px; } .price-list-block { width: 90%; margin: 0 5%; height: auto; } .price-list-block-header-id { width: 30%; } .price-list-block:nth-child(2n+1) { margin-left: 5%; } 
    .contact-block-up { height: auto; float: left; margin-bottom: 15px; margin-top: -45px; } .contact-block-field { width: 100%; margin: 5px 0; } .contact-block-field.phone { background-position: 10px bottom; padding-left: 40px; } .contact-block-field.adress { background-position: 10px center; padding-left: 40px; } .contact-block-down { width: 70%; }
    .detail-navigation { margin-top: 10px; margin-bottom: 60px; } .service-details-top { width: 94%; margin: 0 3%; } .service-details-left { width: 45%; margin-bottom: 20px; } .service-details-circle { width: 90%; height: 240px; } .service-detail-circle-in { width: 88%; height: 88%; margin-left: 5%; margin-top: 6%; } .service-detail-circle-out { width: 100%; height: 100%; } .service-details-right { width: 100%; float: unset; margin-top: -20px; padding: 0; } .service-details-header-up { width: 50%; margin-left: 45%; margin-bottom: 15px; } .details-gallery-back { width: 30%; height: 110px; margin: 30px 2% 0 1%; } .details-gallery-back-img { width: 100%; height: 100%; } .service-detail-comment-text { width: 90%; } .notice-details-top { width: 94%; margin: 0 3%; } .notice-details-left { width: 45%; } .notice-details-circle { width: 90%; height: 240px; margin-bottom: 20px; } .notice-detail-circle-in { width: 88%; height: 88%; margin-left: 5%; margin-top: 6%; } .notice-detail-circle-out { width: 100%; height: 100%; } .notice-details-right { width: 100%; float: unset; padding-top: 0; } .notice-details-header-up { width: 50%; margin-left: 45%; margin-bottom: 15px; } .search-block { width: 95%; } .search-content { padding-top: 0; }
} /* Samsung S3 yatay */

@media only screen and (min-width:560px) and (max-width:639px) {
    .popup_img { max-height: 220px; max-width: 550px; } 
    .header-back-image-radius { width: 900px; height: 430px; border-radius: 0; } .flexslider { border-radius: 0; width: 800px; height: 520px; } .header-back-line { height: 50px; } .header-back-banner-radius { height: 1020px; width: 1250px; } .header-back-banner { width: 1100px; height: 625px; }
    .main { width: 100%; } .header { width: 100%; height: 100px; } .header-up { width: 100%; height: 30px; } .header-up-left { width: 30%; margin-top: 0; height: 25px; line-height: 25px; float: left; } .header-up-text.phone { margin: 0; background-position: 5px center; } .header-up-text.watch { display: none; } .header-up-search { float: right; margin-top: 2px; width: 40%; height: 30px; } .header-up-search-box { width: 98%; margin-left: 0; background-color: #25344670; height: 25px; } .search-box-content { width: 85%; } .search-box { width: 100%; color: #f7f6f6; background: transparent; } .header-search-button { margin-top: 3px; opacity: .9; background-image: url("../images/search-icon-white.png"); } .header-up-right { display: none; } .header-down { width: 100%; height: 70px; } .header-down-logo { width: auto; margin: 0 40px; padding: 2px; } .header-down-menu { display: none; } .header-down-mmenu { display: block; top: 55px; right: 0; padding: 0 30px; } .banner-spaces { height: 110px; }
    .content-up { height: auto; } .content-block { width: 30%; margin: 0 1.6%; height: auto; } .content-block:nth-child(2) { padding-top: 0; } .content-circles { margin: 0; width: 100%; height: 170px; } .content-circles-in { width: 88%; height: 88%; margin-left: 5%; margin-top: 6%; } .circles-in-comment { width: 30%; height: 50px; margin-top: 65px; font-size: 20px; } .content-under-comment { width: 100%; padding: 0; padding-top: 20px; } .content-under-comment-text { height: 130px; } .under-comment-button { margin-left: 40px; }
    .content-down { padding: 0 30px; } .content-down-one { width: 100%; height: 280px; } .down-comment-text { height: 100px; } .content-down-two { margin: 0; width: 48%; margin-top: 30px; height: 290px; } .notice img { height: 50px; } .down-comment { width: 100%; padding: 0 10px; } .down-comment-header { margin-top: -15px; margin-bottom: 0; line-height: 1.2; height: 35px; } .down-comment-center-right { width: 46%; margin: 0; } .down-comment-center-right-in { width: 92%; margin: 5px 4%; } .down-comment-center-left { width: 50%; height: 160px; margin-left: 4%; } .content-down-three { height: 290px; width: 48%; margin-left: 4%; margin-top: 30px; } .video img { height: 50px; } #videos-slider-container { width: 100%; height: 158px; } .videos-slider-left { margin-left: 5%; width: 53%; } .videos-slider-right { width: 40%; margin-left: 2%; }
    .footer-front { height: 285px; } .footer-site-route { display: none; } .footer-back-image { border-radius: 0; height: 850px; } .subs-to-e-news { margin-top: 40px; }
    .navigation { margin-top: 20px; } .about-us-comment { margin-top: 35px; } .about-us-head h1 { font-size: 22px; margin: 0; } .about-us-text { padding: 0 25px; } .about-us-text h2 { font-size: 14px; } .about-us-down { padding: 0 40px; } .mission { width: 100%; } .mission-right { padding-left: 15px; } .vision { width: 100%; margin-left: 0; margin-top: 40px; } 
    .services-detail-block { width: 92%; margin: 0 4%; margin-top: 77px; } .services-detail-block:nth-child(-n+2) { margin-top: 77px; } .services-detail-block:nth-child(-n+1) { margin-top: -55px; } .services-detail-block:nth-child(2n) { margin-left: 4%; } 
    .services-icon { margin-top: -50px; } .service-comment-text { width: 92%; margin-top: 15px; } .region-list { width: 90%; margin-top: 25px; } .region-list ul li { width: 30%; margin-left: 2.5%; margin-bottom: 25px; } .region-contact-text { padding-left: 20px; margin-top: 50px; width: 60%; } .region-contact-header { font-size: 16px; } .region-contact-right { width: 40%; height: auto; margin-top: 70px; padding-right: 10px; } .region-contact-button { margin: 0; float: right; }
    .notices-block { width: 92%; margin: 0 4%; margin-top: 77px; } .notices-block:nth-child(-n+2) { margin-top: 77px; } .notices-block:nth-child(-n+1) { margin-top: -50px; } .notices-block:nth-child(2n) { margin-left: 4%; }
    .price-list-comment { margin-top: -50px; } .price-list-head h1 { margin: 0; font-size: 22px; } .price-list-block { width: 90%; margin: 0 5%; height: auto; } .price-list-block:nth-child(2n+1) { margin-left: 5%; } .price-list-block-header-id { width: 30%; } 
    .contact-block-up { height: auto; float: left; margin-bottom: 20px; margin-top: -45px; } .contact-block-field { width: 100%; margin: 5px 0; } .contact-block-field.phone { background-position: 10px center; padding-left: 40px; } .contact-block-field.adress { background-position: 10px center; padding-left: 40px; } .contact-block-down { width: 75%; } 
    .detail-navigation { margin-top: 15px; margin-bottom: 50px; } .service-details-top { width: 94%; margin: 0 3%; } .service-details-left { width: 45%; } .service-details-circle { width: 90%; height: 220px; margin-bottom: 20px; } .service-detail-circle-in { width: 88%; height: 88%; margin-left: 5%; margin-top: 6%; } .service-detail-circle-out { width: 100%; height: 100%; } .service-details-right { width: 100%; float: unset; margin-top: -20px; padding-top: 0; } .service-details-header-up { width: 50%; margin-left: 45%; margin-bottom: 15px; } .details-gallery-back { width: 30%; height: 100px; margin: 30px 2% 0 1%; } .details-gallery-back-img { width: 100%; height: 100%; } .service-detail-comment-text { width: 90%; } 
    .notice-details-top { width: 92%; margin: 0 4%; } .notice-details-left { width: 45%; } .notice-details-circle { width: 90%; height: 220px; margin-bottom: 20px; } .notice-detail-circle-in { width: 88%; height: 88%; margin-top: 6%; margin-left: 4%; } .notice-detail-circle-out { width: 100%; height: 100%; } .notice-details-right { width: 100%; float: unset; padding-top: 20px; } .notice-details-header-up { margin-left: 45%; width: 55%; padding-bottom: 5px; margin-bottom: 20px; } .notice-details-header-up h1 { font-size: 26px; }
    .search-block { width: 95%; }
} /* iPhone 5/5s yatay */

@media only screen and (min-width:480px) and (max-width:559px) {
    .popup_img { max-height: 220px; max-width: 600px; } 
    .header-back-image-radius { width: 900px; height: 430px; border-radius: 0; } .flexslider { border-radius: 0; width: 775px; height: 500px; } .header-back-line { height: 50px; } .header-back-banner-radius { width: 1275px; height: 980px; } .header-back-banner { width: 1050px; height: 600px; } 
    .main { width: 100%; } .header { width: 100%; height: 100px; } .header-up { width: 100%; height: 30px; } .header-up-left { width: 40%; margin-top: 0; height: 25px; line-height: 25px; float: left; } .header-up-text.phone { margin: 0; background-position: 5px; } .header-up-text.watch { display: none; } .header-up-search { float: right; margin-top: 2px; width: 45%; height: 30px; } .header-up-search-box { width: 98%; margin-left: 0; background-color: #25344670; height: 25px; } .search-box-content { width: 85%; } .search-box { color: #f7f6f6; width: 100%; background-color: transparent; } .header-search-button { margin-top: 3px; opacity: .9; background-image: url("../images/search-icon-white.png"); background-size: 16px; background-position: 6px 1px } .header-up-right { display: none; } .header-down { width: 100%; height: 70px; } .header-down-logo { width: auto; margin: 0 40px; padding: 2px; } .header-down-menu { display: none; } .header-down-mmenu { display: block; top: 55px; right: 0; padding: 0 30px; } 
    .banner-spaces { height: 115px; } .content-up { height: 390px; } .content-block { width: 30%; margin: 0 1.6%; height: auto; } .content-block:nth-child(2n) { padding-top: 0; } .content-circles { margin: 0; width: 100%; height: 145px; } .content-circles-in { width: 88%; height: 88%; margin-left: 4%; margin-top: 6%; } .circles-in-comment { width: 30%; height: 40px; margin-top: 52.5px; font-size: 16px; } .content-under-comment { width: 100%; padding: 0; padding-top: 20px; } .content-under-comment-text { height: 175px; } .under-comment-button { margin-left: 19%; width: 62%; margin-top: 0; } 
    .content-down { padding: 0 10px; } .content-down-one { width: 100%; height: 295px; } .down-comment-text.short { height: 115px; } .down-comment-continue { margin-bottom: 0; } .content-down-two { margin: 0; width: 100%; margin-top: 30px; height: 295px; } .notice { margin-bottom: 0; } .notice img { height: 65px; } .down-comment { width: 100%; } .down-comment-center-right { width: 46%; margin-right: 4%; } .down-comment-center-right-in { width: 92%; margin: 5px 4%; } .down-comment-center-left { width: 50%; height: 140px; } .content-down-three { margin: 0; width: 100%; margin-top: 30px; height: 295px; } .video { margin-bottom: 0; } #videos-slider-container { width: 100%; height: 120px; } .videos-slider-left { width: 45%; margin-left: 5%; } .videos-slider-right { width: 40%; height: 120px; margin-left: 5%; } 
    .footer-front { height: 305px; } .subs-to-e-news { margin-top: 60px; } .footer-site-route { display: none; } .footer-back-image { border-radius: 0; height: 845px; } 
    .navigation { margin-bottom: 60px; } .about-us-head h1 { font-size: 22px; } .about-us-text { padding: 0 10px; margin-top: -5px; } .about-us-text h2 { font-size: 14px; } .about-us-down { padding: 0 40px; } .mission { width: 100%; } .about-us-circle { margin: 0; width: 94%; height: 150px; } .about-us-circle-in { width: 88%; height: 88%; margin: 6%; padding-top: 30px; } .about-us-circle-in::after { width: 100%; height: 100%; } .mission-right { padding-left: 10px; } .mission-text { margin-top: -10px; } .vision { width: 100%; margin-left: 0; margin-top: 30px; } .vision-right { padding-left: 10px; } 
    .services-detail-block { width: 92%; margin: 0 4%; margin-top: 77px; } .services-detail-block:nth-child(-n+2) { margin-top: 77px; } .services-detail-block:nth-child(-n+1) { margin-top: 0; } .services-detail-block:nth-child(2n) { margin-left: 4%; } .detail-block-left { padding-right: 0; } .services-circle { width: 90%; height: 145px; } .services-circle-in { width: 88%; height: 88%; margin-left: 4%; margin-top: 6%; } .services-circle-in::after { width: 100%; height: 100%; } .detail-block-right { padding-left: 10px; } .detail-right-items { height: 260px; } .detail-right-head h1 { margin: 0; font-size: 22px; } .detail-right-text { margin-top: 0; } .detail-right-text h2 { line-height: 1.2; } .detail-right-info-button { float: right; } 
    .service-comment-text { width: 96%; margin-top: 15px; } .region-list { width: 92%; margin-top: 25px; } .region-list ul li { width: 31%; margin: 15px 1%; } .region-contact-text { padding-left: 21px; margin-top: 50px; width: 70%; } .region-contact-header { font-size: 16px; } .region-contact-right { height: auto; width: 30%; margin-top: 77.5px; } .region-contact-button { width: 85%; margin: 0; height: 40px; float: right; margin-right: 10px; } .region-contact-button a { width: 100%; height: 100%; font-size: 16px; padding: 7px; text-align: center; }
    .notices-block { width: 92%; margin: 0 4%; margin-top: 77px; } .notices-block:nth-child(-n+2) { margin-top: 77px; } .notices-block:nth-child(-n+1) { margin-top: 0; } .notices-block:nth-child(2n) { margin-left: 4%; } .notices-block-left { padding-right: 0; } .notices-left-circle { width: 90%; height: 145px; } .notices-left-circle-in { width: 88%; height: 88%; margin-left: 4%; margin-top: 6%; } .notices-left-circle-in::after { width: 100%; height: 100%; } .notices-block-right { padding-left: 10px; } .notices-right-head h1 { margin: 0; font-size: 22px; } .notices-right-text h2 { line-height: 1.2; } .notices-right-info-button { float: right; }
    .price-list-head h1 { margin: 0; font-size: 22px; } .price-list-block { width: 90%; margin: 0 5%; height: auto; } .price-list-block-header { margin-bottom: 0; } .price-list-block-header-id { width: 30%; height: 85px; } .price-list-block-header h1 { font-size: 100px; } .price-list-block-header-text { margin-top: 55px; } table.price-list-table td:first-child { width: 80%; } table.price-list-table td:last-child { width: 20%; } .price-list-block:nth-child(2n+1) { margin-left: 5%; } 
    .contact-block-up { height: auto; float: left; margin-bottom: 20px; } .contact-block-field { width: 100%; margin: 5px 0; } .contact-block-field.phone { background-position: 10px center; padding-left: 40px; } .contact-block-field.adress { background-position: 10px center; padding-left: 40px; } .contact-block-half-box { width: 100%; } .contact-block-half-box.second { margin-left: 0; } .contact-block-down { width: 100%; } .contact-block-down-security { width: 65%; } .contact-block-down-send { width: 35%; } .send-btn { width: 98%; margin-top: 30px; height: 38px; } 
    .service-details-top { width: 94%; margin: 0 3%; } .service-details-left { width: 45%; } .service-details-circle { width: 90%; height: 185px; margin-bottom: 20px; } .service-detail-circle-in { width: 88%; height: 88%; margin-left: 4%; margin-top: 6%; } .service-detail-circle-out { width: 100%; height: 100%; } .service-details-right { width: 100%; float: unset; margin-top: -20px; padding-top: 0; } .service-details-header-up { width: 55%; margin-left: 45%; margin-bottom: 15px; } .service-details-header-up h1 { margin-bottom: 0; } .details-gallery-back { width: 30%; height: 90px; margin: 20px 2% 0 1%; } .details-gallery-back-img { width: 100%; height: 100%; } 
    .detail-navigation { margin-bottom: 60px; } .service-detail-comment-text { width: 90%; } .service-details-text-header { margin-top: 10px; margin-bottom: 20px; } 
    .notice-details-top { width: 94%; margin: 0 3%; } .notice-details-left { width: 45%; } .notice-details-circle { width: 90%; height: 185px; margin-bottom: 20px; } .notice-detail-circle-in { width: 88%; height: 88%; margin-left: 4%; margin-top: 6%; } .notice-detail-circle-out { width: 100%; height: 100%; } .notice-details-right { width: 100%; float: unset; padding: 0; } .notice-details-header-up { width: 55%; margin-left: 45%; margin-bottom: 15px; } 
    .search-content { padding-top: 0; } .search-block { width: 95%; }
} /* iphone 4 yatay */

@media only screen and (min-width:400px) and (max-width:479px) {
    .main { width: 100%; } .header { width: 100%; } .header-back-line { height: 40px; } .header-back-image-radius { height: 700px; border-radius: 0; } .flexslider { width: 1150px; height: 750px; border-radius: 0; } .header-back-banner-radius { width: 1400px; height: 1225px; left: calc(50% - 35px); } .header-back-banner { height: 800px; width: 1500px; }
    .header-up { width: 100%; height: 30px; } .header-up-left { width: 40%; height: 30px; margin-top: 0; } .header-up-text { margin-top: 0; line-height: 25px; } .header-up-text.phone { background-position: 5px 5px; } .header-up-text.watch { display: none; } 
    .header-search-button { margin-top: 3px; background-image: url("../images/search-icon-white.png"); opacity: .9;  }
    .search-box { width: 100%; color: #f7f6f6; background-color: transparent; } 
    .header-up-search { width: 60%; height: 30px; margin-top: 2px; } .header-up-search-box { width: 98%; margin-left: 0; height: 25px; background-color: #25344670 } .search-box-content { width: 85%; } 
    .header-up-right { display: none; } .header-down { width: 100%; height: 90px; } .header-down-logo { width: auto; margin: 0 auto; margin-left: 15px; } .header-down-menu { display: none; } .header-down-mmenu { display: block; top: 65px; right: 0; padding: 0 15px; }
    .banner-spaces { height: 130px; } .content-up { height: auto; } .content-block { width: 92%; margin: 0 4%; height: 210px; background-color: #f7f6f6d4; border-radius: 20px; padding-top: 10px; box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, .7); margin-top: 30px; } .content-block:nth-child(2) { padding-top: 10px; } .content-circles { width: 40%; height: 160px; } .content-circles-in { width: 90%; height: 150px; margin: 10px 4%; } .circles-in-comment { width: 37%; margin-top: 60px; height: 40px; font-size: 17px; } .content-under-comment { width: 55%; padding: 10px; } .content-under-comment-text { height: 135px;} .under-comment-button { margin: 10px 35px; } .popup_img { max-width: 350px; max-height: auto; } .content-down { padding: 0; } .content-down-one { width: 90%; margin: 0 auto; float: unset; } .about-us { width: 100%; } .content-down-two { width: 90%; margin: 0 auto; float: unset; margin-top: 20px; } .content-down-three { width: 90%; float: unset; margin: 0 auto; margin-top: 20px; } #videos-slider-container { width: 100%; } .footer-front { height: 305px; } .subs-to-e-news { margin-top: 60px; } .footer-site-route { display: none; } .footer-back-image { height: 845px; border-radius: 0; }
     .about-us-head h1 { font-size: 24px; } .about-us-text { padding: 0 20px; } .about-us-text h2 { font-size: 14px; } .about-us-down { padding: 0 10px; } .mission { width: 100%; } .mission-left { height: 240px; } .about-us-circle { width: 130px; height: 130px; } .about-us-circle-in { width: 110px; height: 110px; padding-top: 20px; } .about-us-circle-in::after { height: 110px; width: 110px; } .mission-head h1 { font-size: 22px; } .mission-right { padding: 0 15px; } .vision {width: 100%; margin-left: 0; margin-top: 20px; } .vision-left { height: 240px; } .vision-right { padding-left: 10px; }
    .services-detail-block { width: 94%; margin: 0 auto; float: unset; margin-top: 77px; } .services-circle { width: 120px; height: 120px; } .services-circle-in { width: 100px; height: 100px; } .services-circle-in::after { width: 100px; height: 100px; } .detail-block-right { padding-left: 15px; } .detail-right-items { margin-top: -15px; height: 260px; } .detail-right-head { margin: 0; padding: 0; } .detail-right-text { margin: 0; margin-top: -15px; } .detail-right-info-button { float: right; } .services-detail-block:nth-child(2n) { margin-left: auto; } .services-detail-block:nth-child(-n+2) { margin-top: 77px; }
    .service-comment-text { width: 94%; } .region-list { width: 94%; margin-top: 40px; } .region-list ul li { width: 45%; margin-bottom: 25px; } .region-list ul li:nth-child(2n) { float: right; } .region-contact-text { padding-left: 20px; width: 60%; margin-top: 30px; } .region-contact-header { font-size: 16px; } .region-contact-right { width: 40%; } .region-contact-button { margin-left: 0; width: 80%; float: right; height: 45px; margin-right: 10px; } .region-contact-button a { font-size: 16px; padding: 11px 19px; }
    .notices-block { width: 94%; margin: 0 auto; float: unset; margin-top: 80px; } .notices-block-left { width: 38%; } .notices-left-circle { width: 130px; height: 130px; } .notices-left-circle-in { width: 110px; height: 110px; } .notices-left-circle-in::after { width: 110px; height: 110px; } .notices-block-right { width: 62%; padding-left: 15px; } .notices-block:nth-child(2n) { margin-left: auto; } .notices-block:nth-child(-n+2) { margin-top: 80px; } .notices-block:nth-child(-n+1) { margin-top: 0; } .notices-right-items { height: 160px; margin-top: -10px; } .notices-right-head h1 { font-size: 20px; } .notices-right-text h2 { line-height: 1.2; } .notices-right-info-button { float: right; }
    .price-list-block { width: 94%; margin: 0 3%; height: auto; } table.price-list-table td:first-child { width: 75%; } table.price-list-table td:last-child { width: 25%; } .price-list-block:nth-child(2n+1) { margin-left: auto; float: unset; } .price-list-block-header { margin-bottom: 0; } .price-list-block-header-id { height: 80px; width: 30%; } .price-list-block-header h1 { font-size: 90px; } .price-list-block-header-text { margin-top: 56px; width: 70%; font-size: 20px; } 
    .contact-block { margin-top: -20px; } .contact-block-up { height: 120px; margin-bottom: 15px; } .contact-block-half-box { width: 100%; } .contact-block-half-box.second { margin-left: 0; } .contact-block-down { width: 100%; } .contact-block-field.email { width: 100%; margin: 5px 0; } .contact-block-field.phone { width: 100%; margin: 5px 0; padding-left: 40px; background-position: 8px bottom; } .contact-block-field.adress { width: 100%; margin: 5px 0; padding-left: 40px; background-position: 8px bottom; } 
    .detail-navigation { margin-top: -10px; width: 85%; } .service-details-left { width: 100%; } .service-details-circle { width: 90vw; height: 90vw; float: unset; margin: 0 auto; } .service-detail-circle-in { width: 90%; height: 90%; margin-left: 4.5%; margin-top: 4.5%; } .service-detail-circle-out { width: 100%; height: 100%; } .service-details-right { width: 94%; margin: 0 3%; } .service-details-header-up { width: 100%; } .details-gallery-back { width: 40%; height: 120px; margin-left: 3%; margin-right: 7%; } .details-gallery-back-img { width: 100%; height: 100%; }
    .notice-details-left { width: 100%; } .notice-details-circle { width: 90vw; height: 90vw; float: unset; margin: 0 auto; } .notice-detail-circle-in { width: 90%; height: 90%; margin-left: 4.5%; margin-top: 4.5%; } .notice-detail-circle-out { width: 100%; height: 100%; } .notice-details-right { width: 94%; margin: 0 3%; } .notice-details-header-up { width: 100%; }
    .service-detail-comment-text { width: 90%; }
    .search-block { width: 95%; }
} /* iPhone Plus dikey*/

@media only screen and (min-width:370px) and (max-width:399px) {
     .main{ width: 100%; } .header { height: 120px; } .header-back-image-radius { width: 700px;  height: 600px; border-radius: 0; } .flexslider { width: 1000px; height: 650px; border-radius: 0; } .header-back-line { height: 40px; } .header-back-banner-radius { width: 1300px; height: 1175px; left: calc(50% - 30px); } .header-back-banner { width: 1050px; height: 750px; } 
    .header { width: 100%; } .header-up { width: 100%; height: 30px; } .header-up-left { width: 40%; height: 30px; margin-top: 0;} .header-up-text { margin-top: 0; line-height: 25px; } .header-up-text.phone { background-position: 5px 5px; } .header-up-text.watch { display: none; } .header-up-search { width: 60%; height: 30px; margin-top: 2px; } .header-up-search-box { width: 98%; margin-left: 0; height: 25px; background: #25344670; } .search-box-content { width: 85%; } .search-box { width: 100%; color: #f7f6f6; } .header-search-button { margin-top: 3px; opacity: .9; background-image: url("../images/search-icon-white.png"); } .header-up-right { display: none; } .banner-spaces { height: 140px; }
    .header-down { width: 100%; height: 90px; } .header-down-menu { display: none; } .header-down-mmenu { display: block; top: 65px; right: 0; padding: 0 35px; } .header-down-logo { width: auto; margin-left: 15px; } 
    .content-up { height: auto; margin-top: 25px; } .content-block { width: 92%; margin: 0 4%; height: 235px; background-color: #f7f6f6d4; border-radius: 20px; padding-top: 10px; box-shadow: 0 0 20px -10px rgba(0, 0, 0, .7); margin-top: 30px; } .content-circles { width: 40%; height: 140px; margin-left: 5px; } .content-circles-in { width: 90%; height: 120px; margin-top: 10px; margin-left: 4%; } .circles-in-comment { width: 37%; height: 45px; margin-top: 47.5px; font-size: 16px; } .content-under-comment { width: 55%; margin: 0; padding: 0; padding-left: 10px; } .content-under-comment-text { height: 150px} .under-comment-button { margin-left: 0; } .content-block:nth-child(2) { padding-top: 10px; } 
    .content-down { padding: 0 25px; } .content-down-one { width: 100%; } .content-down-two { width: 100%; margin: 0; margin-top: 30px; } .down-comment { padding: 0 10px; } .down-comment-center-right { width: 50%; margin-right: 5%; } .down-comment-center-right-in { width: 92%; margin: 5px 4%; } .down-comment-center-left { width: 45%; height: 140px; } .content-down-three { width: 100%; margin: 0; margin-top: 30px; } #videos-slider-container { width: 100%; } .videos-slider-right { width: 40%; } 
    .footer-front { height: 265px; } .subs-to-e-news { margin-top: 20px; width: 280px } .send-email-for-e-news { width: 280px; } .e-news-email-box { width: 180px; margin-left: 15px; float: left; } .send-email-button { width: 80px; font-size: 14px; } .footer-site-route { display: none; } .footer-back-image { height: 845px; border-radius: 0; }
    .navigation { margin-top: 40px; } .about-us-head h1 { font-size: 22px; } .about-us-text { padding: 0 20px; } .about-us-text h2 { font-size: 14px; } .about-us-down { padding: 0 20px; } .mission { width: 100%; } .mission-left { height: 240px; } .about-us-circle { width: 120px; height: 120px; margin-left: 0; } .about-us-circle-in { width: 100px; height: 100px; padding-top: 16px; } .about-us-circle-in::after { width: 100px; height: 100px; } .mission-right { padding-left: 15px; } .vision { width: 100%; margin: 0; margin-top: 40px; } .vision-right { padding-left: 10px; }
    .services-detail-block { width: 100%; height: auto; } .services-detail-block:nth-child(-n+2) { margin-top: 77px; } .services-detail-block:nth-child(-n+1) { margin-top: 0; } .services-detail-block:nth-child(2n) { margin-left: auto; } .detail-block-left { height: 350px; padding-right: 10px; } .services-circle { height: 130px; width: 100%; } .services-circle-in { height: 110px; width: 90%; margin-left: 4%; } .services-circle-in::after { width: 100%; height: 100%; } .detail-block-right { padding: 0 10px; } .detail-right-items { height: 300px; } .detail-right-head { margin-top: -15px; } .detail-right-text { margin-top: -5px; margin-bottom: 10px; } .detail-right-info-button { float: right; } 
    .service-comment-text { width: 94%; } .region-list { width: 90%; } .region-list ul li { width: 48%; } .region-list ul li:nth-child(2n) { float: right; margin-right: 2%; margin-left: 0; } .region-contact-text { padding-left: 20px; width: 65%; margin-top: 30px; margin-right: 5%; } .region-contact-header { font-size: 16px; } .region-contact-right { width: 30%; margin-top: 0; } .region-contact-button { margin-left: 0; width: 105px; height: 35px; float: right; margin-right: 5px; margin-top: 80px; } .region-contact-button a { font-size: 14px; padding: 7px 10px; } 
    .notices-block { width: 100%; height: auto; margin-top: 77px; } .notices-block:nth-child(-n+2) { margin-top: 77px;} .notices-block:nth-child(-n+1) { margin-top: 0; } .notices-block:nth-child(2n) { margin-left: auto; } .notices-block-left { padding-right: 10px; } .notices-left-circle { width: 100%; height: 130px; } .notices-left-circle-in { width: 90%; height: 110px; margin-left: 4%; } .notices-left-circle-in::after { width: 100%; height: 100%; } .notices-block-right { padding: 0 10px; } .notices-right-head { margin-top: -5px; } .notices-right-head h1 { font-size: 20px; } .notices-right-text { margin-top: -5px; } .notices-right-info-button { float: right; } 
    .price-list-head h1 { font-size: 24px; margin: 0; margin-top: -30px; } .price-list-block { width: 94%; margin: 0 3%; height: auto; } .price-list-block-header { height: 85px; margin-bottom: 20px; } .price-list-block-header-id { height: 85px; width: 35%; } .price-list-block-header h1 { font-size: 95px; } .price-list-block-header-text { margin-top: 62px; font-size: 20px; } table.price-list-table td:first-child { width: 75%; } table.price-list-table td:last-child { width: 25%; } .price-list-block:nth-child(2n+1) { margin-left: 3%; } 
    .contact-block { width: 90%; } .contact-block-up { height: auto; float: left; margin-bottom: 30px; } .contact-block-field { width: 100%; margin: 5px 0; } .contact-block-field.phone { background-position: 10px bottom; padding-left: 40px; } .contact-block-field.adress{ background-position: 10px bottom; padding-left: 40px; } .contact-block-down { width: 100%; }
    .contact-block-half-box { width: 100%; } .contact-block-half-box.second { margin-left: 0; }
    .detail-navigation { margin-top: 30px; } .service-details-left { width: 100%; } .service-details-circle { width: 90vw; height: 90vw; margin: 0 5vw; } .service-detail-circle-in { width: 90%; height: 90%; margin-top: 4.5%; margin-left: 4.5%; } .service-detail-circle-out { width: 100%; height: 100%; } .service-details-right { width: 94%; margin: 0 3%; } .service-details-header-up { width: 100%; } .back-services-button { margin-right: 5px; } .details-gallery-back { width: 45%; height: 100px; margin: 10px 3.5% 30px 1.5%; } .details-gallery-back-img { width: 100%; height: 100%; }
    .service-detail-comment-text { width: 92%; } .notice-details-left { width: 100%; } .notice-details-circle { width: 90vw; height: 90vw; margin: 0 5vw; } .notice-detail-circle-in { width: 90%; height: 90%; margin-left: 4.5%; margin-top: 4.5%; } .notice-detail-circle-out { width: 100%; height: 100%; } .notice-details-right { width: 94%; margin: 0 2%; padding-top: 30px; } .notice-details-header-up { width: 100%; padding-bottom: 5px; margin-bottom: 20px; }
    .search-block { width: 95%; } 
} /* iPhone 6/6s dikey*/

@media only screen and (min-width:360px) and (max-width:369px) {
    .popup_img { max-height: 250px; max-width: 300px; } 
    .header-back-image-radius { width: 900px; height: 470px; border-radius: 0; } .flexslider { border-radius: 0; width: 850px; height: 550px; } .header-back-line { height: 50px; } .header-back-banner-radius { width: 1350px; height: 1050px; } .header-back-banner { width: 900px; height: 650px; } .main { width: 100%; } .header { width: 100%; height: 100px; } .header-up { width: 100%; height: 30px; } .header-up-left { width: 40%; margin-top: 0; height: 25px; line-height: 25px; float: left; } .header-up-text.phone { margin: 0; background-position: 5px center; } .header-up-text.watch { display: none; } .header-up-search { float: right; margin-top: 2px; width: 55%; height: 30px; } .header-up-search-box { width: 98%; margin-left: 0; background-color: #25344670; height: 25px; } .search-box-content { width: 85%; padding-left: 8px; } .search-box { width: 100%; color: #f7f6f6; background: transparent; } .header-search-button { margin-top: 5px; opacity: .9; background-image: url("../images/search-icon-white.png"); width: 15%; margin-right: 10px; background-size: 15px; } .header-up-right { display: none; } .header-down { width: 100%; height: 70px; } .header-down-logo { width: auto; margin: 0 40px; padding: 2px; } .header-down-menu { display: none; } .header-down-mmenu { display: block; right: 0; top: 55px; padding: 0 35px; } 
    .banner-spaces{ height: 140px; } .content-up { height: auto; } .content-block { width: 92%; margin: 0 4%; height: 185px; background-color: #f7f6f6d4; border-radius: 20px; box-shadow: 0 0 20px -10px rgba(0, 0, 0, .7); margin-top: 30px; } .content-circles { width: 35%; height: 115px; margin-top: 5px; margin-left: 5px; } .content-circles-in { width: 88%; height: 88%; margin-left: 4%; margin-top: 6%; } .circles-in-comment { width: 32.5%; font-size: 14px; height: 30px; margin-top: 42.5px; } .content-under-comment { width: 60%; padding-left: 10px; padding-right: 0; padding-top: 10px; } .content-under-comment-text { height: 135px; line-height: 1.2; } .under-comment-button { margin-left: 25%; width: 50%; font-size: 14px; margin-top: 5px; } .under-comment-button a { width: 100%; } .content-block:nth-child(2) { padding-top: 0; } 
    .content-down { width: 92%; margin: 0 4%; margin-top: 45px; padding: 0; } .content-down-one { width: 100%; } .content-down-two { width: 100%; margin: 0; margin-top: 30px; } .down-comment { padding: 0 10px; } .down-comment-center-right { width: 48%; margin-right: 4%; } .down-comment-center-right-in { width: 92%; height: 92%; margin: 4%; } .down-comment-center-left { width: 48%; height: 160px; } .content-down-three { width: 100%; margin: 0; margin-top: 35px; } #videos-slider-container { width: 100%; }
    .footer-front { height: 305px; } .subs-to-e-news { margin-top: 60px; width: 280px; } .send-email-for-e-news { width: 280px; } .e-news-email-box { width: 180px; margin-left: 15px; float: left; } .send-email-button { width: 80px; } .footer-site-route { display: none; } .footer-back-image { border-radius: 0; height: 850px; } 
    .navigation { margin-bottom: 65px; } .about-us-head h1 { font-size: 22px; } .about-us-text { padding: 0 15px; } .about-us-text h2 { font-size: 14px; } .about-us-down { padding: 0 10px; } .mission { width: 100%; } .mission-left { height: 225px; } .about-us-circle { width: 90%; height: 115px; } .about-us-circle-in { width: 88%; height: 88%; margin-left: 4%; margin-top: 6%; padding-top: 20px; } .about-us-circle-in::after { height: 100%; width: 100%; } .about-us-circle-in img { height: 60px; } .mission-right { padding-left: 10px; } .mission-head h1 { font-size: 22px; } .mission-text { margin-top: -10px; } .vision { width: 100%; margin-left: 0; margin-top: 45px; } 
    .services-detail-block { width: 94%; height: 340px; margin: 0 3%; margin-top: 77px; } .services-detail-block:nth-child(-n+2) { margin-top: 77px; } .services-detail-block:nth-child(-n+1) { margin-top: 0 } .services-detail-block:nth-child(2n) { margin-left: 3%; } .detail-block-left { padding-right: 0; height: 320px; } .services-circle { width: 94%; height: 115px; margin-left: 0; } .services-circle-in { width: 88%; height: 88%; margin-left: 4%; margin-top: 6%; } .services-circle-in::after { width: 100%; height: 100%; } .detail-block-right { padding-left: 10px; } .detail-right-items { height: 285px; } .detail-right-info-button { float: right; } .detail-right-head { margin-top: -15px; } .detail-right-head h1 { font-size: 22px; } .detail-right-text { margin-top: -15px; } .detail-right-text h2 { margin: 0; line-height: 1.2; } 
    .service-comment-text { width: 94%; } .region-list { width: 90%; margin-top: 25px; } .region-list ul li { width: 45%; float: left; margin: 15px 2.5%; } .region-list ul li:nth-child(2n) { float: right; } 
    .region-contact-text { padding-left: 10px; margin-top: 40px; width: 70%; } .region-contact-header { font-size: 16px; } .region-contact-right { width: 30%; height: auto; margin-top: 80px; } .region-contact-button { width: 85%; margin: 0; height: 35px; float: right; } .region-contact-button a { width: 100%; height: 100%; padding: 7px 0; text-align: center; font-size: 14px; } .notices-block { width: 94%; height: auto; margin: 0 3%; margin-top: 77px; } .notices-block:nth-child(-n+2) { margin-top: 77px; } .notices-block:nth-child(-n+1){ margin-top: 0; } .notices-block:nth-child(2n) { margin-left: 3%; } .notices-block-left { padding-right: 0; } .notices-left-circle { width: 94%; height: 115px; margin-left: 0; } .notices-left-circle-in { width: 88%; height: 88%; margin-left: 4%; margin-top: 6%; } .notices-left-circle-in::after { width: 100%; height: 100%; } .notices-block-right { padding-left: 10px; height: auto; } .notices-right-head h1 { font-size: 22px; } .notices-right-text h2 { line-height: 1.2; margin: 0; } .notices-right-info-button { float: right; } 
    .price-list-head h1 { margin: 0; font-size: 22px; } .price-list-block { width: 94%; margin: 0 3%; height: auto; } .price-list-block-header { height: 70px; margin-bottom: 20px; } .price-list-block-header-id { width: 30%; height: 70px; } .price-list-block-header h1 { font-size: 80px; } .price-list-block-header-text { font-size: 20px; margin-top: 48px; } table.price-list-table td:first-child { width: 75%; } table.price-list-table td:last-child { width: 25%; } .price-list-block:nth-child(2n+1) { margin-left: 3%; }
    .contact-block { width: 85%; float: left; margin: 0 7.5%; } .contact-block-up { height: auto; float: left; margin-bottom: 20px; } .contact-block-field { width: 100%; margin: 5px 0; } .contact-block-field.phone { background-position: 10px bottom; padding-left: 40px; } .contact-block-field.adress { background-position: 10px center; padding-left: 40px; } .contact-block-half-box { width: 100%; } .contact-block-half-box.second { margin-left: 0; } .contact-block-down { width: 100%; } .send-btn { width: 100%; margin-top: 30px; height: 38px; background-position: 88% center; }
    .service-details-top { width: 94%; margin: 0 3%; } .service-details-left { width: 100%; } .service-details-circle { width: 94vw; height: 94vw; } .service-detail-circle-in { width: 88%; height: 88%; margin-left: 4%; margin-top: 6%; } .service-detail-circle-out { width: 100%; height: 100%; } .service-details-right { width: 100%; padding: 0; } .service-details-header-up { width: 100%; margin-bottom: 0; } .service-details-header-up h1 { margin-top: 15px; margin-bottom: 10px; font-size: 28px; } .details-gallery-back { width: 45%; height: 100px; margin: 15px 4% 15px 1%; } .details-gallery-back-img { width: 100%; height: 100%; } 
    .service-detail-comment-text { width: 94%; } .service-details-text-header { font-size: 18px; margin-top: 10px; } 
    .notice-details-top { width: 94%; margin: 0 3%; } .notice-details-left { width: 100%; } .notice-details-circle { width: 94vw; height: 94vw; } .notice-detail-circle-in { width: 88%; height: 88%; margin-top: 6%; margin-left: 4%; } .notice-detail-circle-out { width: 100%; height: 100%; } .notice-details-right { width: 100%; padding-top: 25px; } .notice-details-header-up { width: 100%; margin-bottom: 0; } .notice-details-header-up h1 { font-size: 28px; } 
}  /* Samsung S3 dikey */

@media only screen and (max-width:359px) {
    .header-back-image-radius { width: 700px; height: 550px; border-radius: 0; } .flexslider { width: 925px; height: 600px; border-radius: 0; } .header-back-line { height: 40px; } .header-back-banner-radius { width: 1100px; height: 1100px; left: calc(50% - 30px); } .header-back-banner { width: 900px; height: 700px; } .main { width: 100%; } .header { width: 100%; height: 110px; } .banner-spaces { height: 140px; } .header-up { width: 100%; height: 30px; } .header-up-left { width: 40%; margin-top: 0; height: 30px; } .header-up-text.phone { padding-left: 20px; background-position: left center; margin-right: 0; margin-top: 3px; margin-left: 4px; } .header-up-text.watch { display: none; } .header-up-search { width: 55%; height: 30px; margin-top: 2px; float: right; } .header-up-search-box { width: 98%; margin-left: 0; height: 25px; background-color: #25344670; } .header-up-search-button { width: 15%; } .search-box-content { width: 85%; padding-left: 8px; } .search-box { width: 100%; color: #f7f6f6; } .header-search-button { margin-top: 5px; opacity: .9; background-image: url(../images/search-icon-white.png); width: 100%; background-size: 15px; } .header-up-right { display: none; } .header-down { width: 100%; height: 80px; } .header-down-logo { width: auto; margin-left: 15px; } .header-down-menu { display: none; } .header-down-mmenu { display: block; top: 60px; right: 0; padding: 0 20px; } 
    .content-up { height: auto; } .content-block { width: 92%; margin: 0 4%; height: 200px; background-color: #f7f6f6d4; border-radius: 20px; box-shadow: 0 0 20px -10px rgba(0, 0, 0, .7); margin-top: 30px; } .content-circles { width: 35%; height: 105px; margin-top: 5px; margin-left: 5px; } .content-circles-in { width: 88%; height: 88%; margin-left: 4%; margin-top: 6%; } .circles-in-comment { width: 32.5%; font-size: 14px; height: 30px; margin-top: 37.5px; } .content-under-comment { width: 60%; padding-left: 10px; padding-right: 0; padding-top: 10px; } .content-under-comment-text { height: 135px; line-height: 1.2; } .under-comment-button { margin-left: 25%; width: 50%; font-size: 14px; } .under-comment-button a { width: 100%; } .content-block:nth-child(2) { padding-top: 0; } 
    .content-down { margin: 0 4%; width: 92%; padding: 0; padding-top: 35px; } .content-down-one { width: 100%; height: auto; } .content-down-two { width: 100%; margin: 0; margin-top: 35px; height: auto; } .down-comment { padding: 0 10px; } .down-comment-header { line-height: 1.2; } .down-comment-center-right { width: 42%; margin-right: 3%; height: 100px; } .down-comment-center-right-in { width: 90%; height: 90%; margin: 5%; } .down-comment-center-left { width: 55%; height: 120px; } .content-down-three { width: 100%; margin: 0; margin-top: 35px; height: 320px; } #videos-slider-container { width: 100%; height: 130px; } .videos-slider-right { height: 120px; } 
    .footer-front { height: 265px; } .subs-to-e-news { width: 280px; margin-top: 20px; } .send-email-for-e-news { width: 280px; } .e-news-email-box { width: 180px;margin-left: 15px; float: left; } .send-email-button { width: 80px; font-size: 14px; } .footer-site-route { display: none; } .footer-back-image { border-radius: 0; height: 850px; } 
    .navigation { margin-top: 20px; } .about-us-head h1 { font-size: 22px; margin: 0; } .about-us-text { padding: 0 20px; } .about-us-text h2 { font-size: 14px; } .about-us-down { padding: 0 10px; } .mission { width: 100%; } .mission-left { height: 260px; } .about-us-circle { width: 90%; height: 105px; } .about-us-circle-in img { height: 55px; } .about-us-circle-in { width: 88%; height: 88%; margin-left: 4%; margin-top: 6%; padding-top: 20px; } .about-us-circle-in::after { width: 100%; height: 100%; } .mission-right { padding-left: 10px; } .mission-head h1 { font-size: 22px; } .mission-text { margin-top: -10px; } .vision { width: 100%; margin-left: 0; margin-top: 35px; } .vision-right { padding-left: 10px; }
    .services-detail-block{ width: 94%; margin: 0 3%; margin-top: 77px; height: 350px; } .services-detail-block:nth-child(-n+2) { margin-top: 77px; } .services-detail-block:nth-child(-n+1) { margin-top: 0; } .detail-block-left { padding-right: 0; height: 375px; } .services-circle { width: 94%; height: 105px; margin-left: 0; } .services-circle-in { width: 88%; height: 88%; margin-left: 4%; margin-top: 6%; } .services-circle-in::after { width: 100%; height: 100%; } .detail-block-right { padding-left: 10px; } .detail-right-items { height: 340px; } .detail-right-head { margin-top: -15px; } .detail-right-head h1 { font-size: 22px; } .detail-right-text { margin-top: -15px; } .detail-right-text h2 { line-height: 1.2; margin: 0; } .detail-right-info-button { float: right; } .services-detail-block:nth-child(2n) { margin-left: 3%; } 
    .services-icon { margin-top: -40px; } .service-comment-text { width: 94%; } .region-list { width: 90%; margin-top: 25px; } .region-list ul li { width: 45%; float: left; margin: 15px 2.5%; } .region-list ul li:nth-child(2n) { width: 45%; float: right; } .region-contact-text { padding-left: 20px; margin-top: 25px; width: 66%; } .region-contact-header { font-size: 16px; } .region-contact-footer { line-height: 1.3; } .region-contact-right { width: 34%; height: auto; margin-top: 80px; } .region-contact-button { margin-left: 0; float: right; width: 90%; height: 30px; margin-top: 0; } .region-contact-button a { font-size: 14px; padding: 4px 0; width: 100%; height: 100%; text-align: center; } 
    .notices-block { width: 94%; margin: 0 3%; margin-top: 77px; height: auto; } .notices-block:nth-child(-n+2) { margin-top: 77px; } .notices-block:nth-child(-n+1) { margin-top: -30px; } .notices-block:nth-child(2n) { margin-left: 3%; } .notices-block-left { padding-right: 0; height: 230px; }  .notices-left-circle { width: 94%; height: 100px; margin-left: 0; } .notices-left-circle-in { width: 88%; height: 88%; margin-left: 4%; margin-top: 6%; } .notices-left-circle-in::after { width: 100%; height: 100%; } .notices-block-right { padding-left: 10px; height: auto; } .notices-right-items { height: 170px; } .notices-right-head h1 { font-size: 18px; } .notices-right-text h2 { line-height: 1.2; margin: 0; } .notices-right-info-button { float: right; } 
    .price-list-comment { margin-top: -50px; } .price-list-head h1 { font-size: 22px; } .price-list-block { width: 94%; margin: 0 3%; height: auto; } .price-list-block-header { height: 70px; margin-bottom: 20px; } .price-list-block-header-id { height: 65px; width: 35%; } .price-list-block-header h1 { font-size: 75px; } .price-list-block-header-text { font-size: 18px; margin-top: 45px; } table.price-list-table td { font-size: 16px; } table.price-list-table td:first-child { width: 75%; } table.price-list-table td:last-child { width: 25%; } .price-list-block:nth-child(2n+1) { margin-left: 3%; }
    .contact-block { width: 90%; margin-top: -35px; } .contact-block-up { height: auto; float: left; margin-bottom: 30px; } .contact-block-field { width: 100%; margin: 5px 0; } .contact-block-field.email { padding-left: 30px; background-position: 0 6px; background-size: 28px; } .contact-block-field.phone { background-position: 5px bottom; padding-left: 30px; } .contact-block-field.adress { background-position: 5px center; padding-left: 30px; } .contact-block-half-box { width: 100%; } .contact-block-half-box.second { margin-left: 0; } .contact-block-down { width: 100%; height: 130px; } .contact-block-down-security { width: 100%; height: 75px; } .security-code-block { width: 50%; } .security-code-text { margin: 0 10%; } .security-code-generate { width: 50%; float: right; text-align: center; } .contact-block-down-send { width: 100%; height: auto; } .send-btn { margin-top: 15px; } 
    .detail-navigation { margin-top: 15px; font-size: 14px; } .service-details-top { width: 94%; margin: 0 3%; } .service-details-left { width: 100%; } .service-details-circle { width: 94vw; height: 94vw; } .service-detail-circle-in { width: 88%; height: 88%; margin-left: 4%; margin-top: 6%; } .service-detail-circle-out { width: 100%; height: 100%; } .service-details-right { width: 100%; padding: 0; } .service-details-header-up { width: 100%; margin-bottom: 0; } .service-details-header-up h1 { margin-top: 15px; margin-bottom: 5px; font-size: 28px; } .details-gallery-back { width: 45%; height: 85px; margin: 15px 4% 15px 1%; } .details-gallery-back-img { width: 100%; height: 100%; } 
    .service-detail-comment-text { width: 90%; } .service-details-text-header { margin-top: 15px; margin-bottom: 20px; } 
    .notice-details-top { width: 94%; margin: 0 3%; } .notice-details-left { width: 100%; } .notice-details-circle { width: 94vw; height: 94vw; } .notice-detail-circle-in { width: 88%; height: 88%; margin-left: 4%; margin-top: 6%; } .notice-detail-circle-out { width: 100%; height: 100%; } .notice-details-right { padding-top: 30px; width: 100%; } .notice-details-header-up { width: 100%; padding-bottom: 0; margin-bottom: 25px; } .notice-details-header-up h1 { font-size: 28px; }
    .search-content { padding-top: 0; } .search-block { width: 95%; height: 210px; } .search-block-text { height: 105px; }
} /* iPhone 5/5s dikey */