/* #Media Queries
================================================== */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.nav-collapse a, .nav-social a{
		padding: 0.7em 18px;
	}
	.inneraboutright {
		padding: 50px 10px 0 40px;
	}
	.innerabout {
		padding: 40px 40px 0;
	}
	footer article{
		padding-top: 400px;
	}
	footer {
		padding: 150px 0 50px;
	}
	.aboutleft{
		height: auto;
	}
	.innerabout {
		padding: 20px 40px 25px;
	}

}

@media only screen and (min-width: 960px) and (max-width: 991px) {

	
	#banner {
		padding: 630px 0 145px;
	}
	#work {
		padding:40px 0;
	}
	#work article{
		padding-top: 30px;
	}
	.aboutleft,.aboutleftnew{
		width: 40%;	
		height: auto;	
	}
	.aboutright,.aboutrightnew{
		width: 60%;
		height: auto;
	}
	.inneraboutright p{
		padding-bottom: 19px;
	}
	.newimgcut {
		height: 250px !important;
	}
	.imgissue{
		min-height: 495px;
	}
	.innerabout {
		padding: 10px 10px;
	}
	.inneraboutright {
		padding: 15px 10px 25px 20px;
	}
	h3 {		
		font-size: 22px;
		padding: 10px 0 0px;
	}
	.explain {
		font-size: 14px;
		line-height: 20px;
		padding-top: 5px;
                
	}
	h3.smaller{
		font-size: 28px;
		line-height: 40px;
	}
	img.mannew{
		display: none;
	}
	.imgup{ left: 65%; }
	footer article{
		padding-top: 400px;
	}
	footer {
		padding: 120px 0 50px;
	}
	.footersocial i{
		margin-right: 0px;
	}
	form {
		text-align: center;
	}
	input{
		padding: 12px 40px 12px 20px;
	}
	.mainimg,.aboutleft,.aboutright{   
		height: auto;
	}

	
	
}

/* 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) {
	#banner{
		padding: 530px 0 145px;
	}
	#work {
		padding:10px 0 40px;
	}
	#work article{
		padding-top: 30px;
	}
	.aboutleft,.aboutleftnew{
		width: 50%;
	}
	.aboutright,.aboutrightnew{
		width: 50%;
	}
	.inneraboutright h3{
		font-size: 30px;
	}
	h3.smaller{
		font-size: 30px;
	}
	.mainimg,.aboutleft,.aboutright{   
		height: 350px;
	}
	.imgup{ left: 60%; }
	footer article{
		padding-top: 400px;
	}
	footer {
		padding: 120px 0 50px;
	}
	.footersocial i{
		margin-right: 0px;
	}
	form {
		text-align: center;
	}
	input{
		padding: 12px 40px 12px 20px;
	}
	img.mannew{
		display: none;
	}

	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.nav-toggle{
		margin-top: -60px;
	}
	#work {
		text-align: center;
	}
	#work {
		padding:10px 0 40px;
	}
	#work article{
		padding-top: 30px;
	}
	h3.smaller{
		font-size: 25px;
	}
	.title {
		padding: 10px 0 0;
	}
	.aboutleft,.aboutleftnew{
		width: 100%;
	}
	.aboutright,.aboutrightnew{
		width: 100%;
	}
	
	.aboutleftnew,.aboutrightnew{
		height: auto;
	}
	
	img.mannew{
		display: none;
	}
	footer {
		background: none;
		background-color: #0d1119;
		padding: 50px 0 50px;
	}	
	footer p.explain{
		font-size: 14px;
                
	}
	footer h5 {
		font-size: 28px;
	}
	footer article{
		padding-top: 40px;
	}
	.footersocial,.touch,form{
		text-align: center;
	}

}

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

	#banner{
		padding: 480px 0 100px;
	}

	.mainimg,.aboutleft,.aboutright{   
		height: auto;
	}
	.imgup {
		left: 65%;
	}
	.innerabout {
		padding: 50px 50px 50px;
	}

	.newimgcut{
		height: auto !important;
	}
	.aboutleftnew .inneraboutright,.aboutrightnew .inneraboutright {
		padding: 40px 40px 40px 60px;
	}

	input{
		padding: 12px 8px 12px 20px;
	}
	footer button{
		margin-top: 10px;
	}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#banner{
		padding: 380px 0 50px;
	}
	header {
		padding-top: 15px;
	}
	header.sticky .nav-toggle {
		margin-top: -50px;
	}
	header.sticky{
		padding:10px 0; 
	}
	h1,.green{font-size: 29px;}
	p.yes{
		font-size: 13px;
		max-width: 270px;
	}
	h3 {
		font-size: 29px;
	}
	.explain {
		padding-top: 10px;
                
                
	}
	.imgup {
		left: 52%;
	}
	
	.mainimg,.aboutleft,.aboutright{   
		height: auto;
	}
	.aboutleftnew, .aboutrightnew{
		height: auto;
	}
	.newimgcut{
		height: auto !important;
	}
	.innerabout {
		padding: 25px 20px 25px;
	}
	.aboutrightnew .inneraboutright,.aboutleftnew .inneraboutright  {
		padding: 25px 20px 25px 20px;
	}
	h3.smaller{
		padding: 10px 0 0;
	}
	.inneraboutright p{
		padding-top: 10px;
	}	
	footer{
		padding: 40px 0 50px;
                background-color: black;
	}
	footer h5{
		line-height: 32px;
	}
	footer p.explain br{
		display: none;color: white;
	}
	input{
		margin-bottom: 10px;
	}
	.touch{
		text-align: left;
	}
}