@media only screen and (max-width: 425px) {
	.contboxmain {
        width:90%;
		height: auto;
		color: #1D1D1D;
        min-width:320px;
        max-width: 480px;
		padding: 00px 0 30px 0;
		margin: 0;
		box-shadow: 0 0 30px 0 #333;
		top: 0
	}
	.contactleft {
	}
	.contactright {
		width: calc(100% - 140px);
		height: auto; 
		float: left;
		padding: 50px 70px;
        margin: 0;
        background-color: #005A7F;
        overflow: hidden;
	}
    .contactbackground {
        width:100%;
        min-width:320px;
        background-color: rgba(29,29,29,0.7);
    }
	.contactmainInfo {
		width:100%;
		height: auto;
		padding: 0px;
        margin-right: 0px;
		float: left;
		line-height: 1.4;
		font-size: 0.9rem;
		color: #FAF9F6;
        font-weight: 500;
        background-image: url("../Images/Portfolio/konani_4.jpg");
        background-size: cover;
        background-position: center;
	}
	.contactmainInfo strong {
		font-size: 0.9rem;
		text-align: justify;
		color: #FAF9F6;
	}
	.contbox button[type=submit],
	.contbox input[type=email],
	.contbox input[type=tel],
	.contbox input[type=text],
	.contbox input[type=url],
	.contbox textarea, .contbox select {
		font: 400 12px/16px"Open Sans", Helvetica, Arial, sans-serif
	}
	.contbox {
		background: #0000;
		width: 100%;
		margin-left: 0%;
		margin-bottom: 0px;
		position: relative;
		z-index: 10;
		margin-top: 0px;
	}
	fieldset {
		border: medium !important;
		margin: 10px 30px 10px 0;
		min-width: 200px;
        float: left;
		padding: 0;
        width: calc(100% - 30px);
	}
	fieldset::after {
	}
	.contbox input[type=email],
	.contbox input[type=tel],
	.contbox input[type=text],
	.contbox input[type=url],
	.contbox select,
	.contbox textarea {
		width: 100%;
		background: #0000;
		margin: 0 0 5px;
		padding: 5px 0 5px 10px;
		opacity: .8;
		color: #FAF9F6;
		border: 1px solid #FAF9F6
	}
	.contbox select {
		opacity: .9;
		min-width: 101%;
		color:  #FAF9F6;
		border: 1px solid #FAF9F6
	}
	.contbox input[type=email]:hover,
	.contbox input[type=tel]:hover,
	.contbox input[type=text]:hover,
	.contbox input[type=url]:hover,
	.contbox textarea:hover {
		-webkit-transition: border-color .1s ease-in-out;
		-moz-transition: border-color .1s ease-in-out;
		transition: border-color .1s ease-in-out;
		border: 1px solid #F54338
	}
	.contbox textarea {
		height: 100px;
		max-width: 100%;
		resize: none
	}
	.contbox button[type=submit] {
		-webkit-transition: background .3s ease-in-out;
		-moz-transition: background .3s ease-in-out;
		transition: background-color .3s ease-in-out;
		cursor: pointer;
		width: auto;
		border: 0;
		background-color: #F54338;
		color: #FAF9F6;
		margin: 0 0 5px;
        border-radius: 20px;
		padding: 10px 30px;
		font-size: 0.7rem;
	}
	.contbox button[type=submit]:hover {
		color: #F54338;
		background-color: #FAF9F6
	}
	.contbox button[type=submit]:active {
		box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5)
	}
	.contbox input:focus,
	.contbox textarea:focus {
		outline: 0;
		border: 2px solid #FAF9F6;
		color:#FAF9F6;
	}
	::-webkit-input-placeholder {
		color: #FAF9F6
	}
	:-moz-placeholder,
	::-moz-placeholder {
		color: #FAF9F6
	}
	:-ms-input-placeholder {
		color: #FAF9F6
	}
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 426px) and (max-width:786px) {
	.contboxmain {
        width:90%;
		height: auto;
		color: #1D1D1D;
        min-width:320px;
        max-width: 710px;
		padding: 0px 0 30px 0;
		margin: 0;
		box-shadow: 0 0 30px 0 #333;
		top: 0
	}
	.contactright {
		width: calc(100% - 140px);
		height: auto; 
		float: left;
		padding: 50px 70px;
        margin: 0;
        background-color: #005A7F;
        overflow: hidden;
	}
    .contactbackground {
        width:100%;
        max-width:786px;
        background-color: rgba(29,29,29,0.7);
    }
	.contactmainInfo {
		width:100%;
		height: auto;
		padding: 0px;
        margin-right: 0px;
		float: left;
		line-height: 1.4;
		font-size: 0.9rem;
		color: #FAF9F6;
        font-weight: 500;
        background-image: url("../Images/Portfolio/konani_4.jpg");
        background-size: cover;
        background-position: center;
	}
	.contactmainInfo strong {
		font-size: 0.9rem;
		text-align: justify;
		color: #FAF9F6;
	}
	.contbox button[type=submit],
	.contbox input[type=email],
	.contbox input[type=tel],
	.contbox input[type=text],
	.contbox input[type=url],
	.contbox textarea, .contbox select {
		font: 400 12px/16px"Open Sans", Helvetica, Arial, sans-serif
	}
	.contbox {
		background: #0000;
		width: 100%;
		margin-left: 0%;
		margin-bottom: 0px;
		position: relative;
		z-index: 10;
		margin-top: 0px;
	}
	fieldset {
		border: medium !important;
		margin: 10px 30px 10px 0;
		min-width: 200px;
        float: left;
		padding: 0;
        width: calc(100% - 30px);
	}
	fieldset::after {
	}
	.contbox input[type=email],
	.contbox input[type=tel],
	.contbox input[type=text],
	.contbox input[type=url],
	.contbox select,
	.contbox textarea {
		width: 100%;
		background: #0000;
		margin: 0 0 5px;
		padding: 5px 0 5px 10px;
		opacity: .8;
		color: #FAF9F6;
		border: 1px solid #FAF9F6
	}
	.contbox select {
		opacity: .9;
		min-width: 101%;
		color:  #FAF9F6;
		border: 1px solid #FAF9F6
	}
	.contbox input[type=email]:hover,
	.contbox input[type=tel]:hover,
	.contbox input[type=text]:hover,
	.contbox input[type=url]:hover,
	.contbox textarea:hover {
		-webkit-transition: border-color .1s ease-in-out;
		-moz-transition: border-color .1s ease-in-out;
		transition: border-color .1s ease-in-out;
		border: 1px solid #F54338
	}
	.contbox textarea {
		height: 100px;
		max-width: 100%;
		resize: none
	}
	.contbox button[type=submit] {
		-webkit-transition: background .3s ease-in-out;
		-moz-transition: background .3s ease-in-out;
		transition: background-color .3s ease-in-out;
		cursor: pointer;
		width: auto;
		border: 0;
		background-color: #F54338;
		color: #FAF9F6;
		margin: 0 0 5px;
        border-radius: 20px;
		padding: 10px 30px;
		font-size: 0.7rem;
	}
	.contbox button[type=submit]:hover {
		color: #F54338;
		background-color: #FAF9F6
	}
	.contbox button[type=submit]:active {
		box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5)
	}
	.contbox input:focus,
	.contbox textarea:focus {
		outline: 0;
		border: 2px solid #FAF9F6;
		color:#FAF9F6;
	}
	::-webkit-input-placeholder {
		color: #FAF9F6
	}
	:-moz-placeholder,
	::-moz-placeholder {
		color: #FAF9F6
	}
	:-ms-input-placeholder {
		color: #FAF9F6
	}
}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
	.contboxmain {
		height: auto;
		color: #1D1D1D;
		padding: 00px 0 30px 0;
		margin: 0;
		box-shadow: 0 0 30px 0 #333;
		top: 0
	}
	.contactleft {
	}
	.contactright {
		width: 60%;
		height: auto; 
		float: right;
		padding: 50px 70px;
        margin: 0;
        background-color: #005A7F;
        overflow: hidden;
	}
    .contactbackground {
        width:100%;
        background-color: rgba(29,29,29,0.7);
    }
	.contactmainInfo {
		width:100%;
		height: auto;
		padding: 0px;
        margin-right: 0px;
		float: left;
		line-height: 1.4;
		font-size: 0.9rem;
		color: #FAF9F6;
        font-weight: 500;
        background-image: url("../Images/Portfolio/konani_4.jpg");
        background-size: cover;
        background-position: center;
	}
	.contactmainInfo strong {
		font-size: 0.9rem;
		text-align: justify;
		color: #FAF9F6;
	}
	.contbox button[type=submit],
	.contbox input[type=email],
	.contbox input[type=tel],
	.contbox input[type=text],
	.contbox input[type=url],
	.contbox textarea, .contbox select {
		font: 400 12px/16px"Open Sans", Helvetica, Arial, sans-serif
	}
	.contbox {
		background: #0000;
		width: 100%;
		margin-left: 0%;
		margin-bottom: 0px;
		position: relative;
		z-index: 10;
		margin-top: 0px;
	}
	fieldset {
		border: medium !important;
		margin: 10px 30px 10px 0;
		min-width: 500px;
        float: left;
		padding: 0;
		width: calc(50% - 30px);
	}
	fieldset::after {
	}
	.contbox input[type=email],
	.contbox input[type=tel],
	.contbox input[type=text],
	.contbox input[type=url],
	.contbox select,
	.contbox textarea {
		width: 100%;
		background: #0000;
		margin: 0 0 5px;
		padding: 5px 0 5px 10px;
		opacity: .8;
		color: #FAF9F6;
		border: 1px solid #FAF9F6
	}
	.contbox select {
		opacity: .9;
		min-width: 101%;
		color:  #FAF9F6;
		border: 1px solid #FAF9F6
	}
	.contbox input[type=email]:hover,
	.contbox input[type=tel]:hover,
	.contbox input[type=text]:hover,
	.contbox input[type=url]:hover,
	.contbox textarea:hover {
		-webkit-transition: border-color .1s ease-in-out;
		-moz-transition: border-color .1s ease-in-out;
		transition: border-color .1s ease-in-out;
		border: 1px solid #F54338
	}
	.contbox textarea {
		height: 100px;
		max-width: 100%;
		resize: none
	}
	.contbox button[type=submit] {
		-webkit-transition: background .3s ease-in-out;
		-moz-transition: background .3s ease-in-out;
		transition: background-color .3s ease-in-out;
		cursor: pointer;
		width: auto;
		border: 0;
		background-color: #F54338;
		color: #FAF9F6;
		margin: 0 0 5px;
        border-radius: 20px;
		padding: 10px 30px;
		font-size: 0.7rem;
	}
	.contbox button[type=submit]:hover {
		color: #F54338;
		background-color: #FAF9F6
	}
	.contbox button[type=submit]:active {
		box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5)
	}
	.contbox input:focus,
	.contbox textarea:focus {
		outline: 0;
		border: 2px solid #FAF9F6;
		color:#FAF9F6;
	}
	::-webkit-input-placeholder {
		color: #FAF9F6
	}
	:-moz-placeholder,
	::-moz-placeholder {
		color: #FAF9F6
	}
	:-ms-input-placeholder {
		color: #FAF9F6
	}
}