/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.team_item{
		margin-bottom: 30px;
	}
	.master {
	    height: 730px;
	}
	.backimg, .backimg2 {
		    height: 340px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

	nav{
		height: 60px;
		line-height: 60px;
		background-color: #156347;
		position: fixed;
	}
	
	
	

	.menu_btn{
		height: 40px;
		width: 40px;
		border-radius: 50%;
		background-color: #156347;
		color: #fff;
	}
	.menu_btn span{
		top: -17px;
	}
	#top_menu{
		
		padding: 20px 0;
	}
	.menu li{
		display: block;
		text-align: center;
	}
	.menu li a{
		display: block;
	}
	.menu li a:hover{
		background-color: #fff;
		color: #000;
	}

	.title_block{
		margin-top: 190px;
	}
	.team_item{
		margin-bottom: 30px;
	}
	.download{
		padding: 20px 0 50px 0;
	}
	.team_s{
		padding: 60px 0 40px 0;
	}
	#dlForm{
		width: 100%;
	}
	
.fixed-w {
	width: 169px;
    font-size: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-right: 10px;
}

.proz {
    background-color: rgba(230, 219, 219, 0.18);
    margin-left: 13px;
}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.backimg, .backimg2 {
		    height: 200px;
	}

	.btn-top, .btn-ft{
		margin-left: 10%;
	}

	nav{
		height: 60px;
		line-height: 60px;
		background-color: #156347;
		position: fixed;
	}
	.navbg{
		background-size: initial;
	}
	.top_line{
		display: none;
	}
	.logo{
		padding-top: 15px;
	}
	.menu_btn{
		height: 40px;
		width: 40px;
		border-radius: 50%;
		background-color: #156347;
		color: #fff;
	}
	.menu_btn span{
		top: -18px;
	}
	#top_menu{
		background-color: #156347;
				padding: 20px 0;
	}
	.menu li{
		display: block;
		text-align: center;
	}
	.menu li a{
		display: block;
	}
	.menu li a:hover{
		background-color: #fff;
		color: #000;
	}

	.title_block{
		margin-top: 190px;
	}

	.title_block h1{
		font-size: 30px;
	}
	.title_block p{
		font-size: 14px;
	}
	.team_item{
		margin-bottom: 30px;
	}
	.download{
		padding: 20px 0 50px 0;
	}
	.team_s{
		padding: 60px 0 40px 0;
	}
	#dlForm{
		width: 100%;
	}
	.call_btn{
		top: 8px;
		right: 60px;
	}
	.fixed-w {
	    margin-right: 0px;
	}

	.proz {
		margin-top: 20px;
	    margin-left: 0px;
	}

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

	nav{
		height: 60px;
		line-height: 60px;
		background-color: #156347;
		position: fixed;
	}

	.navbg{
		background-size: initial;
	}
	.top_line{
		display: none;
	}
	.logo{
		padding-top: 15px;
	}
	.menu_btn{
		height: 40px;
		width: 40px;
		border-radius: 50%;
		background-color: #156347;
		color: #fff;
	}
	.menu_btn span{
		top: -18px;
	}
	#top_menu{
		background-color: #156347;
		padding: 20px 0;
	}
	.menu li{
		display: block;
		text-align: center;
	}
	.menu li a{
		display: block;
	}
	.menu li a:hover{
		background-color: #fff;
		color: #000;
	}

	.title_block{
		margin-top: 190px;
	}

	.title_block h1{
		font-size: 30px;
	}
	.title_block p{
		font-size: 14px;
	}
	.team_item{
		margin-bottom: 30px;
	}
	.download{
		padding: 20px 0 50px 0;
	}
	.team_s{
		padding: 60px 0 40px 0;
	}
	#dlForm{
		width: 100%;
	}
	.call_btn{
		top: 8px;
		right: 60px;
	}
	.fixed-w {
	    margin-right: 0px;
	}

	.proz {
	    margin-left: 0px;
	}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
	.line {
   		margin-top: 0px;
	}

	.master {
	    height: 900px;
	}

	.footer-title p {
		text-align: center;
	}

	.footer-soc {
		text-align: center;
	}

	.respect-title mark2, .respect-img {
	    float: none;
	    text-align: center;
	}
	.respect-title mark2 {
		margin-top: 0px;
	    margin-left: 0px;
	}
	.logo img {
	    height: 30px;
	    margin-top: 10px;
	}
	#play {
		max-height: 485px;
	    max-width: 860px;
	    height: 194px;
	    width: 347px;
	    margin-left: 30%;
	    margin-top: 9%;
	}
	#splay {
		max-height: 485px;
	    max-width: 860px;
	    height: 194px;
	    width: 347px;
	    margin-left: 30%;
	    margin-top: 9%;
	}


}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

	.line {
   		margin-top: 0px;
	}
	.footer-title p {
		text-align: center;
	}
	.respect-title mark2, .respect-img {
	    float: none;
	    text-align: center;
	}
	.respect-title mark2 {
		margin-top: 0px;
	    margin-left: 0px;
	}
	.footer-soc {
		text-align: center;
	}
	.master {
	    height: 850px;
	}

	.logo img {
	    height: 50px;
	    margin-top: 0px;
	}

}
@media only screen  and (min-device-width : 768px) and (max-device-width : 1024px)
{

.menu li{float:left;padding:0 9px;}
.menu{margin-top:0px;}
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

	.navbg {
		height: auto;
	}
	.btn-top, .btn-ft{
		margin-left: 2%;
	}
	.respect-title mark2, .respect-img {
	    float: center;
	    text-align: center;
	}
	#play {
		height: 485px;
	    width: 860px;
	    margin-left: 0%;
	    margin-top: 0%;
	}
	#splay {
		height: 488px;
	    width: 860px;
	    margin-left: 0%;
	    margin-top: 0%;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.navbg {
		height: 145px;
	}

	.footer-title p {
		text-align: right;
	}

	.footer-soc {
		text-align: left;
	}	
	.line {
   		margin-top: 190px;
	}
	.btn-top, .btn-ft{
		margin-left: 11%;
	}
	.master {
	    height: 850px;
	}
	.respect-title mark2 {
		float: left;
	    margin-top: 9px;
	    margin-left: -30px;
	}
	.respect-img {
		float: right;
	}
}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.navbg {
		height: 84px;
	}
	.line {
   		margin-top: 190px;
	}
	.btn-top, .btn-ft{
		margin-left: 10%;
		margin-right: 10%;
	}
	.master {
	    height: 750px;
	}


}