/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {


	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

	.lashes .htext_style {
		width:96%;
		padding:0% 2%;
		display:inline-block;
		margin:25px 0px 0px 0px;
		position:relative;
	}
	
	.lashes .htext_phone_cont {
		position:absolute;
		top:-30px;
		right:20px;
		text-align:right;
	}
	
	.lashes .htext_adress {
		float:none;
		margin-bottom:30px;
	}
	
    .lashes .img_lashes_st{position: relative; width:100%; height: auto;         }
    .lashes .lashes_st{ height: 40px; }

    .lashes .rights_st {float: none;text-align: center;   }
    .lashes .likes_st { margin: 0; padding-right: 0px;  padding-top: 25px; float: none; text-align: center; }
    .lashes .socbuttons {text-align: center;  }
    .lashes .soc_icons {float: none;text-align: center; }


	}


	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

	.logo {
		width:210px;
		margin-top:-10px;
	}
	
	.htext_style {
		margin:15px 0px 0px;
		text-align:center;
		width:90%;
	}
	
	.lashes .htext_style{
		margin-left:15px;
	}
	
    .lashes .logo_width{max-width: 90%;text-align:center; }
	
	.lashes .padd_updown div {
		margin-right:0px;
	}
	
    .lashes .img_lashes_st{position: relative; width:100%; height: auto;         }
    .lashes .part_st {text-align: center;    }

    .lashes .rights_st {float: none;text-align: center;   }
    .lashes .likes_st { margin: 0; padding-right: 0px;  padding-top: 25px; float: none; text-align: center; }
    .lashes .socbuttons {text-align: center;  }


       }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

    .lashes .logo_width{max-width: 80%; }

    .lashes .img_lashes_st{position: relative; width:100%; height: auto;         }
    .lashes .part_st {text-align: center;    }


    .lashes .text_st {width: 69%;  text-align: center;        }
    .lashes .title_st,  .lashes .subject_st {width:100%;        }

    .lashes .substyle{text-align: center;         }
    .lashes .text-style {max-width: 100%; margin-left:20px; margin-right: 20px;       }

    .lashes .rights_st {float: none;text-align: center;   }
    .lashes .likes_st { margin: 0; padding-right: 0px;  padding-top: 25px; float: none; text-align: center; }
    .lashes .socbuttons {text-align: center;  }
    .lashes .note_contact {margin-bottom: 60px;}
    .lashes .text_st { padding-left: 0px;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

	.logo {
		width:276px;
		margin-left:5px;
	}
	
	.htext_soc {
		width:100%;
		float: left;
		margin-left: 15px;
		margin-right:0px;
	}
	
	.htext_soc_title {
		float:left;
		font-size:13px;
		margin-top:5px;
		margin-bottom:10px;
	}
	
	.htext_soc_icons {
		float:left;
		margin-bottom:10px;
	
	}
	
	.lashes .instagram_button {
		margin-bottom:0px;
	}
	
	.htext_button {
		width:85%;
		text-align:center;
		margin-bottom:15px;
		display:inline-block;
		
	}
	
	.htext_phone {
		font-size:30px;
	}

    .lashes .htext_style{margin-right: 0px;}


    .lashes .logo_width{width: 70%; }

    .lashes .img_lashes_st{position: relative; width:100%; height: auto;         }

    .lashes .link_1_btn a {float: none;}
    .lashes .link_2_btn a {float: none;}
    .lashes .link_3_btn a {float: none;}

    .lashes .text_st {width: 69%;  text-align: center;padding-left: 0px;}
    .lashes .title_st,  .lashes .subject_st {width:100%;        }

    .lashes .zone_left{ text-align: center;}
    .lashes .icon_st img{float: none; text-align: center;}

    .lashes .substyle{text-align: center;         }
    .lashes .text-style {max-width: 100%; margin-left:20px; margin-right: 20px;       }

    .lashes .box_style{width: 85%;}

    .lashes .rights_st {float: none;text-align: center;   }
    .lashes .likes_st { margin: 0; padding-right: 0px;  padding-top: 25px; float: none; text-align: center;}
    .lashes .socbuttons {text-align: center;  float: none;}
    .lashes .soc_icons {float: none;text-align: center; }
    .lashes .note_contact {margin-bottom: 60px;}
    .lashes .send_btn button {width: 100%;}

	.lashes .start_btn2 h1 {font-size:30px;}
	
	.lashes .recom_title {
		padding-top:15px;
	}
	
	.mob_map {
		display:block;
	}
	
	.web_map {
		display:none;
	}
	
    }
	
.video-block {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.video-block iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.youtube{width:90%;}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

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