.previews{
           padding:30px;
       }

       .previews h4{
           font-size:14px;
       }

       .btn{
           margin:30px;
       }

       
        .tp

        {

            width: 25%;

            float: left;

            padding: 40px;

            padding-left: 90px;

        }
        
       @media (max-width: 768px) {
          #top_img {
              margin-top: 10%;  
          }
        }

       @media (min-width: 769px) and (max-width: 2560px) {
          #top_img {
	        margin-top: 0px;
          }
        }
		
		@media (max-width: 768px) {
		   	.imageAccomodation{
				background: none;
				margin-top: 0px;
		   }
		}
		
		@media (min-width: 769px) and (max-width: 2560px) {
		  .imageAccomodation{
		 	background: url("../_images/accommodation_bg.png");
		 	background-size: 100% 100%;
		 	background-repeat: no-repeat;
			height:auto;
			border: solid 1px #2a87b3;
			margin-top: 100px;
		    /*margin-left:155px;
			margin-right:155px;*/
		  
		 } 
		}
		
		@media (max-width: 768px) {
		   	.backgroundTop{
				background: url("../_images/backgroundtop.png");
				background-size: cover;
				background-repeat: no-repeat;
				height: auto;	
		   }
		}
		
		@media (min-width: 769px) and (max-width: 2560px) {
		   .backgroundTop{
		 	background: url("../_images/backgroundtop.png");
		 	background-size: 100% 100%;
		 	background-repeat: no-repeat;
		 	height:auto;
			border: solid 1px #2a87b3;
			margin-top: 100px;
		  
		 } 
		}
		
		
		
		.col-xs-auto, .col-xs1-auto, .col-sm-auto, .col-md-auto, .col-lg-auto,
		.col-xs-auto-right, .col-xs1-auto-right, .col-sm-auto-right, .col-md-auto-right, .col-lg-auto-right,
		.col-middle {
		  position: relative;
		  min-height: 1px;
		  padding-left: 15px;
		  padding-right: 15px;
		}

		.col-middle {
		  display: table;
		}

		.col-xs-auto {
		  float: left;
		}
		.col-xs-auto-right {
		  float: right;
		}

		@media (min-width: 480px) {
		  .col-xs1-auto {
			float: left;
		  }
		  .col-xs1-auto-right {
			float: right;
		  }
		}

		@media (min-width: 768px) {
		  .col-sm-auto {
			float: left;
		  }
		  .col-sm-auto-right {
			float: right;
		  }
		}

		@media (min-width: 992px) {
		  .col-md-auto {
			float: left;
		  }
		  .col-md-auto-right {
			float: right;
		  }
		}

		@media (min-width: 1200px) {
		  .col-lg-auto {
			float: left;
		  }
		  .col-lg-auto-right {
			float: right;
		  }
		}
		
		@media (max-width: 768px) {
		 .apollon_icon{
			width: auto9;
			height: auto;
			max-width: 50%;
			vertical-align: middle;
			border: 0;
			-ms-interpolation-mode: bicubic;
		  }
		}
		
		@media (min-width: 769px) and (max-width:  2560px) {
		  .apollon_icon{
			width: auto9;
			height: auto;
			max-width: 85%;
			vertical-align: middle;
			border: 0;
			-ms-interpolation-mode: bicubic;
		  }
		}
		/*spaces */
		@media (max-width: 768px) {
		 .fix_spaces {
		     margin-left:0%;
		 }
		}
		
		
		@media (min-width: 768px) and (max-width:  1000px) {
		 .fix_spaces {
		     margin-left:0%;
		 }
		}
		@media (min-width: 1001px) and (max-width:  1229px) {
		 .fix_spaces {
		     margin-left:4%;
		 }
		}
		
		@media (min-width: 1230px) and (max-width:  2560px) {
		  .fix_spaces {
			  margin-left:12%;
		  }
		}
		
		@media (max-width: 768px) {
		   	.loc_koufonisia{
				background: url("../_images/loc_koufonisia.png");
				background-size: cover;
				background-repeat: no-repeat;
				height: auto;	
		   }
		}
		
		@media (min-width: 769px) and (max-width: 2560px) {
		   .loc_koufonisia{
		 	background: url("../_images/loc_koufonisia.png");
		 	background-size: 100% 100%;
		 	background-repeat: no-repeat;
		 	height:auto;
			border: solid 1px #2a87b3;
			margin-top: 100px;
		  
		 } 
		}