/* ==========================================================================
	Pinustech responsive CSS
   ========================================================================== */

/*------------------------------------------------------------------
[Table of contents]
1. Styles for devices(>1340px)
2. Styles for devices(>=1201px and <=1339)
3. Styles for devices(>=992px and <=1199px)
4. Styles for devices(>=768px and <=992px)
5. Styles for devices(>=481px and <=767px)
6. Styles for devices(<=480px)
-------------------------------------------------------------------*/

/*----------------
[0. Styles for devices(>=1600px)-TRY-TEMPLATEMONSTER]
*/

.nr-menu-t20 {
	margin-top:38px;
}

.container{
	padding-left: 15px;
	padding-right: 15px;
	width:100%;
	/*max-width:1635px;*/
	max-width:1366px;

}

.pt003-header-mid .pt003_1-main {
    padding: 0px 0px 0px 0px;
	}

/*bootstrap hacked*/
@media (min-width: 992px) {
  .col-md-1-5 { width: 20%; }
  .col-md-2-5 { width: 40%; }
  .col-md-3-5 { width: 60%; }
  .col-md-4-5 { width: 80%; }
  .col-md-5-5 { width: 100%; }
}

@media (min-width: 1200px) {
  .col-lg-1-5 { width: 20%; }
  .col-lg-2-5 { width: 40%; }
  .col-lg-3-5 { width: 60%; }
  .col-lg-4-5 { width: 80%; }
  .col-lg-5-5 { width: 100%; }
}

@media(min-width:1600px) {
	.pt-container {
		max-width:1316px
	}
}

@media(max-width:1400px) {
	.container, .container-fluid{
		padding-left: 15px;
		padding-right: 15px;
		width:100%;
	}
	
	.pt003-header-mid .pt003_1-main {
    padding: 20px 15px 10px 15px;
	}
}

@media(min-width:1340px) {

}

/*----------------
[1. Styles for devices(>=1340px)]
*/
@media (min-width: 1340px) and (max-width: 1599px){
	.pt-container {
		max-width:1290px
	}
}

/*----------------
[2. Styles for devices(>1200px and <1340px)]
*/
@media (min-width: 1201px) and (max-width: 1339px){
	
}
/*----------------
[3. Styles for devices(>=993px and <=1200px)]
*/
@media (min-width: 993px) and (max-width: 1200px) {

}

@media (min-width: 993px) and (max-width: 1200px) {
	
	
}

@media (min-width: 993px){
	#zetta-menu {
		float:right;
	}
}

/*--------------------
[4.0 Styles for devices(<=992px)]
*/
@media (max-width: 992px){
  .container{
		padding-left:15px !important;
		padding-right:15px !important;
	}
	.zm-logo a img{
		margin-top:0px;
		padding:0px;
	}
	.header-nav .container{
		padding:8px 6px 2px 6px;
	}
	#header-top .container {
		padding:3px;
	}
	#pt-logo_wrapper{
		text-align:center;
	}
	
	.zetta-menu.zm-full-width {
    margin-top: 10px;
	padding-bottom:0px;
	}
	
	.zetta-menu > li {

    height: 54px;
	}
	
	.zetta-menu li > a {
    text-decoration: none !important;

}
	
	.nr-menu-t20 {
	margin-top:0px;
	}
	.zetta-menu > li.zm-logo {
		margin-bottom:20px;
	}
	
}


/*--------------------
[4. Styles for devices(>=768px and <=992px)]
*/
@media (min-width: 768px) and (max-width: 992px) {

}
/*--------------------
[5. Styles for devices(>=481px and <=767px)]
*/
@media (min-width: 481px) and (max-width: 767px) { 
	
	h1 {
		font-size:36px;
		line-height:3.6rem;
	}

}
/*--------------------
[6. Styles for devices(<=480px)]
*/
@media (max-width: 480px) {
	
	h1 {
		font-size:32px;
		line-height:3.2rem;
	}
}