/*---------------------------------------------------------------*/
/* Media Queries
/*---------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 989px) {
	.breadcrumbs h3 {
		text-align: left;
	} 
	.one_entire {
		width: 100%;
	}
	.column_third {
		width: 40%;
		float: left;
		display: inline;
		padding: 0;
	}
	.column_third {
		margin-right: 10%;
		margin-bottom: 25px;
		float: left;
	}
	.info h1 {
		font-family: "FuturaLTCondensedRegular";
		color: #000000;
 		line-height: 40px;
 		font-size: 30px;
		text-align: center;
		text-transform: uppercase;
	}
	form#contact_form textarea {
 		max-width: 90%;
		height: 200px;
		max-height: 200px;
	}
	form#contact_form textarea, form#contact_form input[type="text"] {
 		width: 90%;
	}
	form#check_form input[type="text"] {
 		width: 90%;
	}
	.prlatest figure {
		height: 153px;
	}
}

@media only screen and (max-width: 767px) {
	.one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth {
		width: 100%;
		margin-bottom: 40px;
	}
	form#contact_form textarea {
 		max-width: 90%;
		height: 200px;
		max-height: 200px;
	}
	form#contact_form textarea, form#contact_form input[type="text"] {
 		width: 90%;
	}
	form#check_form input[type="text"] {
 		width: 90%;
	}
	.header-top-box {
		border: 0;
	}
	nav ul li a {
		color: #FFFFFF;
	}
	.menu {
		display: block;
    }
	nav {
		position: absolute;
		display: none;
		top: 195px;
		right: 0;
		width: 100%;
		height: 225px;
		overflow: hidden;
		float: none;
		padding: 0;
		margin: 0;
		z-index: 9999;
	}
	nav ul li a:link, 
	nav ul li a:visited {
		display: block;
		text-decoration: none;
		padding: 10px;
		padding-bottom: 10px;
		margin-right: 0;
		color: #000000;
		background-color: #F3F3F3;
		text-align: left;
	}
    nav.active {
		display: block;
    }
    nav ul {
		display: block;
        width: 100%;
        text-align: left;
        margin: 0;
		padding: 0;
    }
    nav ul li {
		display: block;
		width: 100%;
		float: none;
		padding: 0;
		margin: 0 0 5px 0; /* top right bottom left */
    }
    nav ul li a,
	nav ul li a.lastbox {
		display: block;
		padding: 15px 0 15px 0; 
        transition: background .2s linear;
        -webkit-transition: background .2s linear;
        -moz-transition: background .2s linear;
        -o-transition: background .2s linear;
    }
    nav ul li a:hover,
	nav ul li a.selected,
	nav ul li a.selected:hover,
	nav ul li.lastbox:hover {
        background-color: #004236;
		color: #FFFFFF;
    }
	nav ul li a:hover, 
	nav ul li a.selected {
		border: 0;
	}
	.cd-top {
    	right: 10px;
    	bottom: 20px;
  	}
  	.prlatest .textlatest {
		margin: 30px 0 40px 0;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.breadcrumbs h3 {
		text-align: left;
	} 
	.info h1 {
		font-family: "FuturaLTCondensedRegular";
		color: #000000;
 		line-height: 40px;
 		font-size: 30px;
		text-align: center;
		text-transform: uppercase;
	}
	.latest figure img {
		width: 100%;
	}
	.prlatest figure img {
		width: 100%;
	}
	form#contact_form textarea {
 		max-width: 90%;
		height: 200px;
		max-height: 200px;
	}
	form#contact_form textarea, form#contact_form input[type="text"] {
 		width: 90%;
	}
	form#check_form input[type="text"] {
 		width: 90%;
	}
	.cd-top {
   	 	right: 10px;
    	bottom: 20px;
  	}
	.prlatest figure {
		height: 273px;
	}
}

@media only screen and (max-width: 479px) {
	.breadcrumbs h3 {
		text-align: left;
	} 
	.info h1 {
		font-family: "FuturaLTCondensedRegular";
		color: #000000;
 		line-height: 40px;
 		font-size: 30px;
		text-align: center;
		text-transform: uppercase;
	}
	form#contact_form textarea {
 		max-width: 90%;
		height: 200px;
		max-height: 200px;
	}
	form#contact_form textarea, form#contact_form input[type="text"] {
 		width: 90%;
	}
	form#check_form input[type="text"] {
 		width: 90%;
	}
	.prlatest .textlatest {
		margin: 30px 0 30px 0;
	}
	.prlatest figure {
		height: 195px;
	}
	
	#modal {
   position: absolute;
   margin-left: auto;
   margin-right: auto;
   left: 0;
   right: 0;
   top: 15px;
   margin: 0 auto;
   width: 96%;
 }

 #modal h2 {
   font-size: 16px;
  font-weight: bold !important;
 }
}

@media only screen and (max-width: 767px) {
	header .container {
		width: 100%;
	}
	.logo {
		float: left;
		padding-top: 10px;
	}
	.contact h3 {
 		margin-top: 0;
		margin-bottom: 20px;
	}
	.contact1 h3 {
 		margin-top: 20px;
		margin-bottom: 20px;
	}
	ul#portfolio li { 
  		width: 100%;
	}
	ul#portfolio img { 
		width: 100%;
		height: 100%;
	}
	#modal:target {
  top: 15px;
 }

 #modal {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 15px;
  margin: 0 auto;
  width: 90%;
  }
}

@media only screen and (min-width: 1024px) {
  	.cd-top {
    	height: 60px;
    	width: 60px;
    	right: 10px;
    	bottom: 30px;
  	}
}

@media only screen and (max-width: 790px) {
	nav ul li.lastbox { 
		margin-right: 10px;
	}
}

@media only screen and (max-width: 320px) {

	.logo {
		width: 140px;
		height: 141px; 
		margin-bottom: 40px;
		border: 0;
		outline: 0;
	}
	.menu {
		top: 120px;
		right: 3px;
	}
	nav {
		top: 150px;
		right: 0;
	}
}