@media all and (max-width: 420px) { 
	
	#extra-header-wrapper h4{
		font-size: 15px!important;
	}


	} /*END OF MEDIA 420*/


@media all and (max-width: 767px) { 
	#extra-header-wrapper{
	margin-top: 8px;
	}

	#extra-inner-header-wrapper{
	margin-top: 8px;
	}

	.tel-top{
	/*margin-left: 95px;*/
	margin-top: 20px;
	}

	.tel-top-pos{

	}

	.ierapetra{
	font-size:15px!important;
	margin-left:10px;
	position: relative;
	top:10px!important;
	}

	.thumb{
		width: 76px!important;
		height:57px!important;
	}

	.logo-specs{
		margin-left: 0px!important;
		margin-top: 10px!important;
	}

	.icon1-txt{
		font-size: 15px!important;
		margin-left: -9px!important;
	}

	footer h3{
		font-size: 18px;
	}

	.navbar-default{
		position: static!important;
		float: none!important;
		margin-right: 0px!important;
	}

	#inner-header-area h1{
		font-size: 46px!important;
		margin-top:90px!important;
	}

	#main-content h2{
	font-size: 17px!important;
	width:330px!important;
	}

	#contact-form{
	margin: 0px auto 0px auto!important;
	width:384px;
	}

	#submit{
		margin-bottom: 10px!important;
	}

	#contact-details{
	margin: 0px auto 10px auto!important;
	}

	#contact-form input {
	width: 340px!important;
	}

	.message-form{
	width: 340px!important;	
	}

	#two-lines-heading h1{
		margin-top: -10px!important;
	}

	#two-lines-heading h2{
		margin-top: 20px!important;
	}

	.more-right-heading{
		margin-left: 0px!important;
	}

	.more-sub-right{
		margin-left: 0px!important;
	}

	#second-inner-banner h2{
		font-size: 20px!important;
		top: 23px!important;
	}

	#second-inner-banner h3{
		top:-3px!important;
	}

		.right-gallery-side{
	margin-left: 0!important;
	}

	#gallery h1{
	margin-bottom: 5px!important;
	font-size: 28px;
	}

	#gallery{
	padding-top: 5px!important;
	}

	#gallery img{
	width:22%;
	height:22%;
	margin-top: 15px!important;
	}

	#contact-details{
		width:340px!important;
	}

	#contact-details h4{
		margin-left: 18px!important;
	}

	#contact-details h3{
		font-size: 17px!important;
	}

 } /*END OF MEDIA 767*/


@media all and (min-width: 768px) and (max-width: 992px) {
	
	.navbar-default{
		position: static!important;
		float: none!important;
	}


	#inner-header-area h1{
		font-size: 30px!important
	}

	.thumb{
		width: 115px!important;
		height:86px!important;
	}

	.white-line{
		margin-left: 60px!important;
	}

	#contact-form{
	width: 485px;
	margin:0 auto!important;
	}

	#submit{
		margin-bottom: 10px!important;
	}

	#contact-details{
		margin: 0px auto 10px auto!important;
	}

	.more-right-heading{
		margin-left: 0px!important;
	}

	.more-sub-right{
		margin-left: 0px!important;
	}

	#two-lines-heading {
	margin: 48px 0 0 23px!important;
	}

	.inner-left-img {
	margin-top: 48px!important;
	}

	.right-gallery-side{
	margin-left: 0!important;
	}

	#gallery h1{
	margin-bottom: 5px!important;
	font-size: 28px;
	}

	#gallery{
	padding-top: 5px!important;
	}

	#gallery img{
	width:20%;
	height:20%;
	margin-top: 15px!important;
	}

	#change-css{
		margin-left: -69px!important;
		display:none;
	}

	#amea-resize{
		margin-left: -60px!important;
	}


} /*END OF MEDIA 979*/

@media all and (min-width: 992px) and (max-width: 1200px) { 

	.navbar-default{
		left: 120px;
	}

	.navbar ul li{
		font-size: 17px!important;
	}

	.thumb{
		width: 115px!important;
		height:86px!important;
	}

	.more-right-heading{
		margin-left: 0px!important;
	}

	.more-sub-right{
		margin-left: 0px!important;
	}

	#two-lines-heading {
	margin: 65px 0 0 81px!important;
	}

	#first-inner-banner h2{
		font-size: 20px!important;
		top:17px!important;
	}

	#second-inner-banner h2{
		font-size: 17px!important;
	}

	.right-gallery-side{
	margin-left: 0!important;
	}

	#gallery h1{
	margin-bottom: 5px!important;
	font-size: 28px;
	}

	#gallery{
	padding-top: 5px!important;
	}

	#gallery img{
	width:31%;
	margin-top: 15px!important;
	}

	#change-css{
		margin-top: 6px!important;
		display:none;
	}

	#amea-resize{
		margin-left: -29px!important;
	}

 } /*END OF MEDIA 1200*/

@media all and (min-width: 1200px){ 
	
	#main-content h1{
		font-size: 32px!important;
	}

	#extra-header-wrapper h1{
		font-size: 34px!important;
	}

	#two-lines-heading h1 {
	font-size: 33px!important;
	}

	#main-inner-content h1{
	font-size: 32px!important;
	}

	.thumb{
		width: 173px!important;
		height:130px!important;
	}

	#gallery h1{
		font-size: 36px!important;
	}

	#inner-header-area h1 {
	font-size: 53px!important;
	}

	#contact-details h4{
		font-size: 26px!important;
	}

	#contact-details h2{
		font-size: 17px!important;
	}

	#change-css select{
		font-size: 16px!important;
		display: none;
	}

	#change-css{
		font-size: 16px!important;
		display:none;
	}

	#amea-resize{
		font-size: 16px!important;
	}

	#amea-resize img{
		font-size: 16px!important;
	}

	.amea-res-img{
		font-size: 16px!important;
	}

	#amea-resize a{
		font-size: 16px!important;
	}

	#two-lines-heading h1 {
	font-size: 33px!important;
	}

 } /*END OF 1200+ MEDIA*/


.center-me{
	margin:0 auto;
	width:1100px;
}

.floatleft{
	float:left;
}

.floatright{
	float:right;
}

#extra-header-wrapper{
	height:450px;
	background: url(../images/extra-header2.png);
}

#extra-inner-header-wrapper{
	height:306px;
	background: url(../images/inner-slider-bg.jpg) repeat-x;
}

#header-wrapper{
	background: url(../images/header.png) no-repeat ;
	height:140px;
}

#top-green{
	height:20px;
	background: url(../images/extra-header2.png) repeat-x;
}

#white-top-box-wrapper{
	background: #fff;
}

.logo-specs{
	margin: 37px 15px;
	/*float:left;*/
	margin-top: 37px;
	margin-bottom: 0px;
	margin-left: 15px;
	margin-right: 15px;
}

img.amea-res-img {
    margin-top: 22px;
}

.ierapetra{
	font-size:16px!important;
	margin-left:10px;
	position: relative;
	top:30px;
}

.tel-top{
	/*float:right;*/
	color:#9ed54c;
	background: url(../images/phone.png)left center no-repeat;
	padding-left: 29px;
	font-size: 27px;
}

#extra-header-wrapper h1{
	color:#fff;
	font-size: 34px;
	margin-top: 68px;
}


#extra-inner-header-wrapper h1{
	color:#fff;
	font-size: 34px;
	margin-top: 68px;
}


#extra-header-wrapper a:hover{
	text-decoration: none;
	text-shadow: 2px 2px #faa519;
}

#extra-inner-header-wrapper a:hover{
	text-decoration: none;
	text-shadow: 2px 2px #faa519;
}



#extra-header-wrapper h4{
	color:#fff;
	font-size: 17px;
	margin-top: 25px;
}

#extra-inner-header-wrapper h4{
	color:#fff;
	font-size: 17px;
	margin-top: 25px;
}


.slider1{
	margin-top: 32px;
}

.slider2{
	margin-top: 32px;
}

.header-more-button{
	margin-top: 40px;
}

#main-content h1{
color: #9ed54c;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 50px;
width: 284px;
font-size: 32px;
background-color:#ffffff;
}

#main-content h2{
	color: #9ed54c !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 10px !important;
	margin-top: 50px !important;
	width: 284px !important;
	background-color:#ffffff;
}

.underl{
	margin:0 auto 20px auto;
	width:177px;
	display:block;
}

.main-text{
font-size: 16px;
}

.pic3cl{
	margin-top: 35px;
	margin-bottom: 35px;
}

.icon3c1{
	margin-bottom: 50px;
}

.main-shadow{
	margin-top: -28px;
	display:block;
	margin-left:auto;
	margin-right: auto;
	margin-bottom: 35px;
}

.icon1-img{
	float:left;
}

.icon3-img{
	float:left;
	padding:10px 8px;
}

.icon1-txt{
float:left;
color:#9ed54c;
font-size: 23px;
margin-left: 7px;
margin-top: 13px;
}

.icon-box{
	background: url(../images/main-ver-shadow.png) repeat-y right;
}

.icn1-bel-txt{
	font-size: 15px;
	margin-top: 7px;
}

footer{
	background: url(../images/footer-shadow.png) no-repeat top #202020;

	height:225px;
}

footer h3{
	color:#9fcd4f;
}

footer ul li{
	margin-top: 6px;
	color:#fff;
}

footer ul li a{
	color:#fff;
}

footer ul li a:hover{
	color:#9fcd4f;
	text-decoration: none;
}

.epp0, .epp1{
	float:left;
	padding-left: 2px;
}

.top-menu-btn{
	float:right;
	margin-right: 8px;
	margin-top: 15px;
}

.navbar h3{
color:#595a5c;
}

.navbar-default{
float: right;
margin-right: 70px;
position: relative;
bottom: 50px;
}

.navbar ul li{
	font-size: 19px;
}

.header-left-img{
margin-top: 5px;
margin-left: 6px;
}

.header-right-img{
margin-top: 32px;
}

.inner-left-img{
margin-top: 2px;
margin-left: 6px;
}

#inner-header-area h1{
color: #fff;
float: left;
font-size: 53px;
}

#inner-header-area h2{
color: #fff;
float: left;
font-size: 19px;
}


.white-line{
margin:0 auto;
}

.header-caption-area{
	width:360px;
}

.contact-main-h1{
	width:301px!important;
}

#main-content h2{
	color:#202020;
	margin:0 auto 20px auto;
	font-size: 19px;
	width:636px;
}

#contact-form{
	margin-bottom: 120px;
}

#contact-form input {
	display: block;
	width: 480px;
	height: 52px;
	border: 1px solid #c7c9cb;
	margin-bottom: 15px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.message-form {
	display: block;
	width: 480px;
	height: 152px;
	border: 1px solid #c7c9cb;
	margin-bottom: 15px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#contact-details{
	height:510px;
	width:396px;
	background: #e9e9ea;
	margin-left: 40px;
}

#submit{
	background: #9ed54c;
}

input[type="submit"]{
	color:#fff;
	font-weight: bold;
	font-size: 20px;
}

#contact-details h1{
	color:#202020;
	font-size: 26px;
	border-bottom:2px solid #fff;
	width:306px;
	padding-top: 14px;
}

#contact-details h4{
	color:#202020;
	font-size: 26px;
	border-bottom:2px solid #fff;
	width:306px;
	padding-top: 14px;
	margin-left: 46px;
}

#contact-details h2{
	color:#858585;
	font-size: 17px;
	width:386px;
}

#contact-details h3{
	color:#202020;
	font-size: 18px;
	margin-bottom: 33px;
}

#contact-details img{
	float:left;
	margin-left: 42px;
	margin-right: 11px;
	margin-top: -5px;
}

#two-lines-heading{
	margin: 65px auto 0 auto;
}

#two-lines-heading h1{
	font-size: 33px;
	margin-top: 0px;
}

.more-right-heading{
	margin-left: 60px;
}

.more-sub-right{
	margin-left: 40px;
}

#main-inner-content{
	margin-top: 30px;
}

#main-inner-content h1{
color: #9ed54c;
font-size: 32px;
}

.inner-desc-text{
	color:#202020;
	font-size:17px;
}

.call-now-banner{
	margin-top: 68px;
}

#first-inner-banner{
	position: relative;
}

#first-inner-banner h1{
position: absolute;
left: 122px;
top: -11px;
font-size: 20px;
color: #fff;
}

#first-inner-banner h3 {
position: absolute;
left: 122px;
top: -11px;
font-size: 20px;
color: #fff;
}

#first-inner-banner h2{
	position: absolute;
left: 119px;
top: 20px;
color: #fff;
font-size: 22px;
}

#second-inner-banner{
	margin-top: 50px;
	position: relative;
}

#second-inner-banner h1{
	position: absolute;
left: 122px;
top: 0px;
font-size: 20px;
color: #fff;
}

#second-inner-banner h3{
	position: absolute;
left: 122px;
top: 0px;
font-size: 20px;
color: #fff;
}

#second-inner-banner h2{
	position: absolute;
left: 119px;
top: 31px;
color: #fff;
font-size: 22px;
}

#gallery{
	background: url(../images/gallery-bg.png) repeat-x;
	height:325px;
	margin-top:30px;
	padding-top: 25px;
}

#gallery img{
	border:5px solid #fff;
	/*margin:0 2px;*/
}

#gallery h1{
	color:#a2d550;
	text-shadow: 2px 2px #000;
	margin-bottom: 35px;
}

.right-gallery-side{
	margin-left: -28px;
}

.change-icon{
	cursor: pointer;
}


#display-hh h4{
	font-size: 17px;
}

#display-hh{
	display: none;
}

.increase{
	background: url(../images/a+2.png) no-repeat;
	width:34px;
	height:34px;
	border:none;
}

.decrease{
	background: url(../images/a-2.png) no-repeat;
	width:34px;
	height:34px;
	border:none;
}

.resetme{
	background: url(../images/reset2.png) no-repeat;
	width:80px;
	height:34px;
	border:none;
}

#amea-resize{
margin-top: 6px;
float: left;
margin-left: 28px;
}

.amea-res-img{
-webkit-margin-after: 23px;
}

#change-css{
	float:left;
	margin-left: 0px;
	margin-top: 6px;
	border:3px solid #9ed54c;
	display: none;
}

#change-css select{
	height:29px;
	border:none;
	display: none;
}

.main-audio{
margin: 20px auto 10px auto;
width: 303px;
}

audio {
background: #9ed54c;
opacity: 0.9;
}

.audio-margin{
margin-bottom: 36px!important;
}