html {height:100%;}
body {min-height:100%; margin:0; padding:0; background:#ffffff; font-family: 'Open Sans', sans-serif; font-size:15px; color:#624034; line-height:25px;}
a {color:#624034;}
a:hover {color:#835E50;}

.left {float:left;}
.clear {clear:both;}
img,table {border:0;}
form,label,form {padding:0; margin:0;}
table {border-collapse:collapse;}
.red {color:#ee0000;}
.numb {font-family: 'Open Sans', sans-serif !important;}

.sisuleht ul {padding-left:20px;}
.but {background:#624034; font-weight:700; font-family: 'Raleway', sans-serif; color:#ffffff; padding:8px 20px; font-size:30px; border:0; cursor:pointer; text-decoration: none}
.but.size2 {font-size:20px;}
a.but:hover{color:#ffffff;}

h1 {font-size:43px; line-height:45px; margin:0; padding:30px 0 30px 0; font-family: 'Raleway', sans-serif; font-weight:700;}
h2 {font-size:30px; margin:0; padding:30px 0 20px 0; font-family: 'Raleway', sans-serif; font-weight:700;}
h3 {font-size:20px; margin:0; padding:0; font-weight:bold;}
h4 {font-size:17px; padding:0; font-weight:bold;}

#lang {position:fixed; z-index:101; top:0; right:1%; margin:5px 0; margin-right:20px; font-size:13px; text-align:right; text-transform: uppercase;}
#lang a {text-decoration:none; font-weight:600; margin-left:25px; padding:1px 4px; background:rgba(255,255,255,0.7);}
#lang a.active {background:#624034; color:#fff;}

#menu {z-index:100; position:fixed; top:34px; width:100%; background:#624034; border-bottom:1px solid #919fb7; font-size:14px; text-transform: uppercase;}
#menu a {color:#ffffff; text-decoration:none; line-height:18px; 
}
#menu ul {margin:0 215px 0 200px; padding:15px 0;}
#menu li {display:inline-block; margin:4px 5px;}
#menu li span {padding:1px 4px;}
#menu li.active span {background:#e0e5ef;}
#menu li.active a {color:#624034;}
#windmacht {position:absolute; width:191px; right:1%; margin-left:12px; top:55%; margin-top:-26px; 
background: url(../img/logo-wingmacht.png) 0 0 no-repeat;
    background-size: 100%;
    width: 181px;
    height: 44px;
	border: 0;
	}

#page {position:absolute; width:100%;}
/*#page {width:100%; height: 100%;}*/
.bgimg {background-size:cover; background-position:center center; position:absolute; width:100%; height:100%;}
.sisuleht {width:100%; min-height:100%; position:relative; border-top:1px solid #dddddd;}
.white {background:#ffffff; min-height:100%;}
.white .whitecontent {padding:150px 40px 60px 40px;}
.little {display:block; line-height:11px !important;}

#esileht.sisuleht  {border-top:0;}
#esileht .bgimg {
	background-image:url(../../img/g4/g-DSC_8763.jpg); 
	background-position:center center; height: 100%;}
#esileht h1 {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 95px 0 45px 45px;
    /* background: url(../img/logo2.png) no-repeat right center; */
    /* background-size: 242px auto; */
    z-index: 2;
    color:  #fff;
    background: -webkit-linear-gradient(bottom,rgba(45, 28, 22, 0.86) 0%,transparent 100%);
    background: -moz-linear-gradient(bottom,rgba(0,0,0,0.25) 0%,transparent 100%);
    background: -ms-linear-gradient(bottom,rgba(0,0,0,0.25) 0%,transparent 100%);
    background: -o-linear-gradient(bottom,rgba(0,0,0,0.25) 0%,transparent 100%);
    background: linear-gradient(bottom,rgba(0,0,0,0.25) 0%,transparent 100%);
}
#esileht .mobile-logo {position: absolute; background:url(../img/logo.png) no-repeat center center; background-size:contain; width: 100%; display: none;}

#tutvustus_pic {float: left; height:100%; width:100%; 
	background:url(../../img/g4/g-DSC_8768.jpg) no-repeat center center; 
	background-size:contain;  overflow: hidden;}
#tutvustus #logo {display: none;}
#tutvustus .white {float: left; width:650px;}

#logo {width:166px; margin-left:107px;}

#finantseerimine .white {width:85%; padding:150px 0 60px 100px; position:relative;}
#finantseerimine td {vertical-align:top;}
#finantseerimine  .padright {padding:0 30px 15px 0;}
#janika {position:absolute; right:200px; bottom:0; height:600px;}

#asukoht_pic {float: right; height:100%; width:100%; background:url(../img/asukoht.jpg) no-repeat center center; background-size:cover;  overflow: hidden;}

#asukoht .white {float:left; width:500px;}
#asukoht #logo {display:none;}
/*#mapContainer {float:right; position:relative; height:100%;}*/
#mapContainer {float:right; height:100%;}
#map {display:none;}
#closeMap {display:none;}

/*#vaartused {background-image:url(../img/vaartused_bg.jpg); background-size:cover; background-position:180% 100%;}*/
/*#vaartused_pic {position:absolute; top:0; left:0; height:100%; width:100%; background:url(../img/vaartused_bg.jpg) no-repeat right center; background-size:cover;}*/
#vaartused_pic {float: left; height:100%; width:100%; background:url(../img/vaartused_bg2.jpg) no-repeat center center; background-size:cover;}
#vaartused .white {float:right; width:650px;}
#vaartused .whitecontent {padding:130px 30px 30px 40px;}
#vaartused h1 {padding:30px 0 20px 0;}
#vaartused #logo {margin-left:200px; display: none;}

/*#eelised {background-image:url(../img/eelised_bg.jpg); background-size:cover; background-position:center bottom;}*/
/*#eelised_pic {position:absolute; top:0; right:0; height:100%; width:100%; background:url(../img/eelised_bg2.jpg) no-repeat center center; background-size:cover;}*/
#eelised_pic {
	float:left; height:100%; width:100%; 
	background:url(../../img/g5/01.jpg) 
	no-repeat center center; background-size:cover;}
#eelised .white {float:left; width:800px;}
#eelised .whitecontent {padding:90px 30px 30px 40px;}
#eelised h1 {padding:30px 0 20px 0;}
#eelised h2 {padding:30px 0 20px 0;}
#eelised #logo {margin-left:200px; display: none;}

/*#interjor {background:url(../img/interjor_bg.jpg) no-repeat center center; background-size:cover;}*/
/*#interjor_pic {position:absolute; top:0; left:0; height:100%; width:100%; background:url(../img/interjor_bg.jpg) no-repeat center center; background-size:cover;}*/

#interjor_pic {float: left; height:100%; width:100%; background:url(../img/Sees%202.jpg) no-repeat center center; background-size:cover;}
#interjor .white {float:right; width:550px;}
#interjor .whitecontent {padding:130px 30px 30px 40px;}
#interjor h1 {padding:30px 0 20px 0;}
#interjor #logo {margin-left:275px; display: none;}

/*#gallery {background:url(../img/gallery_bg.jpg) no-repeat top center; background-size:100% auto; padding-top:150px;}*/
#gallery {}
#gallery .white {width:90%; padding:50px 5% 70px 5%;}
/*#gallery h2 {padding:60px 0 50px 140px; margin-left:2%; background:url(../img/logo.png) no-repeat left center; background-size:112px auto;}*/
#gallery h2 {padding:110px 0 20px 40px; 
}
#pics {width:100%; margin:0; padding:110px 0 0 0;}
.pict {
	display:inline-block;
	margin: 8px;
	width:350px;
	height:227px;
	padding:0;
	cursor:pointer;
	position:relative;
	background-size:cover;
	background-position: center center;
	width: 160px;
	height: 95px;
}
.zoom {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.4); opacity:0;}
.zoom2 {width:100%; height:100%; background:url(../img/zoom.png) no-repeat center center; background-size:50px auto;}
#preview {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000;}
#gallery_bg {width:100%; height:100%; background:rgba(0,0,0,0.85);}
#gallery_itm {position:fixed; top:50%; left:50%; border:3px solid #ffffff; background:#ffffff url(../img/loader.gif) no-repeat center center; width:200px; height:200px; margin:-100px 0 0 -100px;}
#gallery_itm img {display:none; width:100%; height:auto;}
#prev,#next {width:40px; position:absolute; top:50%; margin-top:-20px; cursor:pointer;}

#myygiinfo {background:url(../img/muugiinfo_bg.jpg) no-repeat center bottom; height:100%; background-size:cover; color:#FFFFFF; position:relative;}
#myygiinfo .content {position:absolute; bottom:30px; padding:0 2%;}
#myygiinfo h1 {padding-left:2%;}
#myygiinfo .myyk1,#myygiinfo .myyk2,#myygiinfo .myyk3 {width:24%; float:left; padding:0 2%; line-height:19px;}
#myygiinfo .myyk2 {width:36%;}
#myygiinfo #logo {padding:150px 0 0 45px; margin:0;}

/*#kontakt {background-image:url(../img/kontakt_bg2.jpg); background-size:cover; background-position:left center;}*/
#kontakt {display: flex}
#kontakt .white {float:left; width:470px; padding-right:30px;}
#kontakt .padright {padding:0 40px 0 0;}
#kontakt .bg {
    flex: 1 1 auto;
    background-image: url(../../img/g4/g-DSC_8804.jpg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
#kontakt input {border:none; border-bottom:1px solid #8F6E61; padding:5px 0; width:100%; font-size:17px; color:#624034; margin:12px 0 0 0;}
textarea:focus, input:focus{outline: none;}
#kontakt  input#send_but {font-size:19px; background:#624034; font-weight:700; font-family: 'Raleway', sans-serif; color:#ffffff; padding:9px 19px; max-width:140px; text-align:center; cursor:pointer;}
textarea {font-family: 'Open Sans', sans-serif; font-size:15px; padding:1%; border:1px solid #8F6E61; margin-top:20px; width:98%; max-width:100%; min-height:130px;}

/*#hinnad h2 {float:left; font-size:34px; padding:65px 190px 65px 0; background:url(../img/logo.png) no-repeat right center; background-size:130px auto;}*/
#hinnad h2 {float:left; font-size:34px; 
    padding:43px 0 43px 0px; 
	}

#hinnad .white {width:90%; padding:0 5% 70px 5%;}
#hinnad .white .whitecontent { width: 50%; float:left; 
	padding: 0px 40px 60px 40px;
	}

#plans {border-top:2px solid #624034 !important; border-bottom:2px solid #624034; font-size:14px; text-align:center;
	min-width: 600px;
	}
#plans td {padding:5px 10px; border-bottom:1px solid #8F6E61;}
.tr_over {background:#624034 !important; color:#ffffff; cursor:pointer;}
#plans tr.head,#plans tr.head:hover {background:#CDBEB9; color:#624034; cursor:default;}
.pair {background:#f2f4f7;}
#housePlan {position:relative; float:right; width: 70%; height:100%; text-align:center;
	padding-top:150px;
	}
#housePlan img {width:20%; height:auto;}
#houseplan_1 {
	width:100%; 
	margin:20px auto 0 auto;
	float: left;
	}
#houseplan_2 {
	width:100%; 
	margin:0px auto 0 auto;
	float:left;
	}
#houseplan_3 {
	width: 100%; 
	margin:0px auto 0 auto;
	float:left;
	}

#flat_plan {display:none;}
#flat_info {float:left; padding:170px 0 50px 5%; width:35%;}
#flat {
    float: left;
    padding: 205px 0 0 3%;
    max-width: 50%;
    max-height: 100%;
	}
#flat {float:left; padding:250px 0 0 3%; width: 30%;}
.flat_gal {float:left; padding:250px 0 0 3%; width:15%;}

#hamburger,#screenSize2,#screenSize3 {display:none;}

/*#asu1 {position:absolute; top:0; left:0; width:100%; height:60%; background:url(../img/asu1.jpg) no-repeat; background-position:right bottom; background-size:cover; border-bottom:2px solid #ffffff; }
#asu2 {position:absolute; bottom:0; left:0; width:50%; height:40%; background:url(../img/asu2.jpg) no-repeat; background-position:center center; background-size:cover;}
#asu3 {position:absolute; bottom:0; right:0; width:50%; height:40%; border-left:2px solid #ffffff; background:url(../img/asu3.jpg) no-repeat; background-position:right bottom; background-size:cover;}
*/
/*#asu1 {float:left; height:100%; background:url(../img/asukoht_bg.jpg) no-repeat; background-position:top right; background-size:contain; border-bottom:2px solid #ffffff; }
#asu2 {float: right; width:600px; height:50%; background:url(../img/asu2.jpg) no-repeat; background-position:top center; background-size:contain;}
#asu3 {box-sizing: border-box; float: right; width:600px; height:50%; border-left:2px solid #ffffff; background:url(../img/asu3.jpg) no-repeat; background-position:top center; background-size:contain;}
*/

#asu1 {float:left; height:100%; box-sizing: border-box; border-right:2px solid #ffffff; }
#asu1 #img {width: 100%;}
#asu2 {float: right; width:600px; line-height: 0px; box-sizing: border-box; border-bottom:2px solid #ffffff;}
#asu2 #img {width: 100%;}
#asu3 {float: right; width:600px; line-height: 0px;}
#asu3 #img {width: 100%;}

#finantseerimine h2 {
	margin-top:200px;
}
#janika-top {display: none}

/*screen size2 */
@media screen and (max-width: 1150px) {
	body {overflow-x:hidden;}
	#screenSize2 {display:block;}
	#menu ul {
		margin: 0;
		padding: 5px auto;
		}
	/* #lang {
		right: 10%;
		}
	#windmacht {
		right: 10%;	
		}*/
	h1 {font-size:38px;}
	#logo {width:146px;}
	#esileht h1 {position:absolute; right:6%; bottom:26px; padding:75px 210px 75px 0; background-size:180px auto; text-align:right;}

	#asukoht .white {float:left; width:380px;}
	#asukoht #logo {margin-left:80px;}

	#interjor .white {float:right; width:500px;}

	#finantseerimine .white {width:95%; padding:160px 0 60px 5%;}
	#janika {position:absolute; right:0px; bottom:0; height:550px;}

	#kontakt .white {float:left; width:100%; padding-right:20px;}
	#kontakt {background-image:url(../img/kontakt_bg.jpg); background-size:cover; background-position:400px center;}

	#housePlan {padding-top:150px; width:100%; height:auto;}
	
	#houseplan_1, #houseplan_2 {
		margin-top:50px;
		}
	#houseplan_3 {visibility:hidden; display:none}
	
	
	#hinnad .white {float:auto; width:100%;}
	#hinnad .white .whitecontent { width: 90%;}
	#hinnad  {height:auto;}

	#flat_info {float:left; padding:20px 5% 50px 5%; width:25%;}
	#flat_info #logo {margin:0;}
	#flat {float:left; padding:150px 2% 0 2%; width:60%;}
	.flat_gal {float:left; padding:150px 2% 0 2%; width:20%;}
	
	#finantseerimine  {clear:both;}

  /*#vaartused {background:url(../img/vaartused_bg.jpg) no-repeat; background-size:auto 100%; background-position: 180% center;}*/

	#interjor #logo {margin-left:150px;}
	.pict {
		width: 130px;
		height: 100px;
	}
}

/*screen size3*/
@media screen and (max-width: 880px) {
	h1 {font-size:33px; padding:0 0 25px 0;}
	h2 {padding-top:0;}
	#screenSize3 {display:block;}

	#esileht {margin-top:65px;}

	#esileht h1 {margin:0 30px 0 30px; padding:70px 170px 70px 0; background-size:140px auto; line-height:35px;}

	.sisuleht {min-height:440px; clear:both;}
	#hamburger {display:block; height:28px; cursor:pointer; padding-left: 5px; }
	/*#menu,#lang {position:absolute;}*/
	#menu {position: fixed; top:0; padding:22px 0;}
	#menu li span {padding:0;}
	#windmacht {top:12px; margin-top:0;}
	#menu ul {display:none;}
	#menu li {display:block;}
	#lang {top:26px; right:220px; margin:0;}
	#lang a {margin-left:5px; padding:1px 1px; background:#624034; color:#fff;}
	#lang a.active {background:rgba(255,255,255,0.7); color:#624034}

	.white {width:86% !important; padding:40px 7% !important;}
	.white .whitecontent {padding:0 !important;}

	#tutvustus #logo {display:none;}
	/*#tutvustus {padding-bottom:440px; background:url(../img/tutvustus_bg.jpg) no-repeat center bottom; background-size:100% auto;}*/
	/*#tutvustus_pic {top:0; left:0; height:100%; width:100%; background:url(../img/tutvustus_bg.jpg) no-repeat center center; background-size:cover}*/
	/*#tutvustus .white {clear:both; width:100%;}*/
	/*#tutvustus_pic {height: 0.4vh;}*/

	#asukoht #logo {display:none;}
	/*#asukoht {padding-bottom:690px;}*/
	/*#mapContainer {display:block; float:auto; width:100%; height:700px; background-position:center bottom;}*/
	#asukoht .white {width: 100%;}
	/*#mapContainer {float:none; width:100%;}*/
	#asukoht_pic {display: inline;}
	#asukoht_3pic {display: none;}

	/*#vaartused {padding-top:350px; height:auto; background:url(../img/vaartused_bg.jpg) no-repeat; background-size:100% auto; background-position: 0 -100px;}*/
	#vaartused #logo {display:none;}
	#vaartused h1 {padding:40px 0 40px 0; margin-left:2%; background:url(../img/logo.png) no-repeat left center; background-size:112px auto; margin:0 0 30px 0;}

	/*#eelised {padding-top:440px; background:url(../content/p6.jpg) no-repeat; background-size:100% auto; background-position:0 -100px;}*/
	#eelised #logo {display:none;}
	#eelised h2 {padding:10px 0 20px 0;}
	/*#eelised_pic {display: none;}*/

	/*#interjor {padding-top:440px; background:url(../img/interjor_bg.jpg) no-repeat; background-size:100% auto;}*/
	#interjor #logo {display:none;}
	#interjor h1 {margin-top:0;}
	/*#interjor_pic {display: none;}*/

	/*#gallery {background:url(../img/gallery_bg.jpg) no-repeat top center; background-size:100% auto; padding-top:60px;}*/
	#gallery h2 {padding:43px 0 43px 0; margin-left:2%; background:url(../img/logo.png) no-repeat left center; background-size:110px auto; margin-top:-60px;}
	#pics {text-align:center; margin:0 auto; padding:0;}
	.pict {width:500px; margin:20px auto; height:340px;}

	#hinnad {height:auto;}
	/*#housePlan {float:auto; border-top:2px solid #624034; width:100%; padding-top:0;}*/
	#housePlan {display: none;}
	#houseplan_1,#houseplan_2 {width:40%; float:left; margin:30px 5%;}
	#plans {width:100%;}
	#hinnad h2 {position:relative; z-index:2; float:auto; 
		/* padding:43px 0 43px 140px; margin:-35px 0 20px 0; */
		background:url(../img/logo.png) no-repeat left center; background-size:112px auto;
		}
	
	#flat_info {float:left; padding:20px 5% 50px 5%; width:25%;}
	#flat_info #logo {margin:0;}
	#flat {float:left; padding:150px 2% 0 2%; width:60%;}

	#finantseerimine #logo {margin:0;}
	#janika {position:absolute; right:0px; bottom:0; height:470px;}

	#myygiinfo {padding-top:250px;}
	#myygiinfo #logo {display:none;}
	#myygiinfo h4 {padding:0; margin:20px 0 6px 0;}
	#myygiinfo .myyk1,#myygiinfo .myyk2,#myygiinfo .myyk3 {width:100%; float:auto; padding:0 15px; line-height:19px;}
	#myygiinfo .content {position:absolute; top:30px;}

	#kontakt #logo {margin:0 0 20px 0;}
	#kontakt {display: inherit;}
	#kontakt .bg {width:100%; height:330px; float: left; background:url(../img/kontakt_bg2.jpg) no-repeat center center; background-size: 100% auto;}

	#menu-logo {display: none;}
	#menu ul {margin:0 215px 0 15px; padding:15px 0;}

	#finantseerimine h2 {
		margin-top:20px;
	}
}

/*screen size3*/
@media screen and (max-width: 780px) {
	#pics {width:100%; margin:0 auto; padding:0;}
	.pict {width:100%; margin:20px auto; height:340px;
	    width: 40%;
		margin: 20px 10px;
		height: 100px;
	}

	#flat_info .but{
		float:left;
		margin-top: 10px;
	}
}

@media screen and (max-width: 767px) {
	.sisuleht {min-height:310px;}

	.but.size2 {font-size:18px;}

	/*#esileht .bgimg {background-position: center center;}*/
	/*#esileht h1 {margin:0; padding:40px 110px 40px 0; background-size:100px auto; line-height:30px; font-size: 26px;}*/
	#esileht h1 {margin:0; padding:0; background:none; line-height:30px; font-size: 22px; left:0; right:0; text-align: center;}
  #esileht .mobile-logo {display: inline}

	.look{font-size: 12px;}

	#hinnad .white .but{
		float:left;
		margin-top: 10px;
	}
	#housePlan {display: none;}

	#flat_info {float:left; padding:20px 5% 50px 5%; width:90%;}
	#flat {float:left; padding:20px 5% 50px 5%; width: 90%}
	.flat_gal {float:left; padding:20px 5% 50px 5%; width: 90%}
	
	#flat_info .but{
		float:none;
		margin: 0;
	}

	#janika {height: 300px;}

	#myygiinfo.sisuleht_ru{padding-top:340px;}
	#myygiinfo.sisuleht_en{padding-top:340px;}
	#myygiinfo.sisuleht_et{padding-top:240px;}


	#myygiinfo #logo {display:none;}
	#myygiinfo h4 {padding:0; margin:20px 0 6px 0;}
	#myygiinfo .myyk1,#myygiinfo .myyk2,#myygiinfo .myyk3 {width:90%; float:auto; padding:0 15px; line-height:19px;}
	#myygiinfo .content {position:absolute; top:30px;}

	/*#vaartused {padding-top:200px; height:auto; background-repeat: no-repeat; background-size:100% auto; background-position: 0 -200px;}*/
	/*#eelised {padding-top:200px; height:auto; background-repeat: no-repeat; background-size:100% auto; background-position: 0 -200px;}*/
	/*#interjor {padding-top:200px; height:auto; background-repeat: no-repeat; background-size:100% auto; background-position: 0 -200px;}*/

	#kontakt {display: inherit;}
	#kontakt .bg {width:100%; height:330px; float: left; background:url(../img/kontakt_bg2.jpg) no-repeat center center; background-size: 100% auto;}
}

@media screen and (max-width: 414px) {
	#lang {top:75px; right:15px; text-align: center; display: none;}

	/*#esileht h1 {margin:0; padding:20px 110px 20px 0; background-size:100px auto; line-height:30px; font-size: 26px;}*/
	#esileht #logo {display: inherit; position: absolute;}
	#esileht h1 {margin:0; padding:0; background:none; line-height:30px; font-size: 22px; left:0; right:0; text-align: center;}
	#janika {display: none}

	#myygiinfo.sisuleht_ru{padding-top:600px;}
	#myygiinfo.sisuleht_en{padding-top:600px;}
	#myygiinfo.sisuleht_et{padding-top:400px;}

	#myygiinfo .content {position:absolute; top:30px;}

	/*#vaartused {padding-top:200px; background-position: center -20px;}*/
	/*#eelised {padding-top:200px; background-position:0 -100px;}*/
	/*#interjor {padding-top:200px; background-position: center -80px;}*/

	#kontakt {display: inherit;}
	#kontakt .bg {width:100%; height:220px; float: left; background:url(../img/kontakt_bg2.jpg) no-repeat bottom center; background-size: 100% auto;}
	#kontakt td {font-size: 12px;}

	#finantseerimine td {font-size: 13px;}

	/*#vaartused h1 {padding:140px 0 40px 0; margin-left:2%; background-size:112px auto; margin:0 0 30px 0; background-position: left top;}
	#hinnad h2 {padding:140px 0 40px 0; margin-left:2%; background-size:112px auto; margin:0 0 30px 0; background-position: left top;}*/

	#vaartused h1 {padding:0; background: none;}
	#hinnad h2 {padding:40px 0 0 0; background: none;}

}

.message {
	padding: 15px 15px 13px;
	border-radius: 3px;
}

.error{
	background-color: #f4e6e6;
	color: #e25f5f;
}

.success{
	background-color: #dff0d8;
	color: #165118;
}

#flat_info .padright {padding:0 30px 0 0;}

.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}


ul.interior-list {
    padding: 10px 0;
    margin: 0;
    list-style: none;
}

ul.interior-list li {
    text-align: center;
    position: relative;
    width: 33%;
    float: left;
    overflow: hidden;
}

ul.interior-list li div.book {
    width: 100px;
    height: 80px;
    background-image: url(../img/book-prm.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

ul.interior-list li div.feature {
    font-size: 0.9rem;
    line-height: 17px;
    float:left;
    padding-left: 20px;
    padding-top: 12px;
    text-align: left;
}

ul.interior-list a {
	text-decoration: none;
}

@media (max-width: 1024px) {
  ul.interior-list li div.feature {
    clear:left;
  }
}

@media (max-width: 440px) {
  ul.interior-list li div.book {
    width: 80px;
    height: 70px;
  }

  ul.interior-list li div.feature {
    font-size: 0.77rem;
  }
}



/* image stack */
.stack { position: relative; z-index: 10; width: 20%px; }
 
/* Image styles */
.stack img { max-width: 100%; height: auto; vertical-align: bottom; border: 10px solid #fff; border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
 
/* Stacks creted by the use of generated content */
.stack:before, .stack:after { content: ""; border-radius: 3px; width: 100%; height: 100%; position: absolute; border: 10px solid #fff; left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -webkit-transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    transition: 0.3s all ease-out;
}
.stack:before { top: 4px; z-index: -10; } /* 1st element in stack (behind image) */
.stack:after { top: 8px; z-index: -20; } /* 2nd element in stack (behind image) */