


@media all and (max-width: 1199px) and (min-width: 240px) {
	.container{
		width:100%;
		box-sizing: border-box;
		padding: 0 20px;
	}
	
	header .container{
		width:100%;
		margin:0;
		padding: 0;
	}
}



@media all and (max-width: 959px) and (min-width: 481px) {
	/* items are not quite 1/3 wide */
	.item {
	  width: 33.33%;
	  float: left;
	  margin-right:0;
	}
	
	.item:nth-child(4n+0) > a {
		margin-right:20px;
	}
	
	.item:nth-child(3n+0) > a {
		margin-right:0;
	}
	
}

@media all and (max-width: 480px) and (min-width: 240px) {
	/* items are not quite 1/1 wide */
	.item {
	  width: 100%;
	  float: left;
	}
	
	.item a {
		margin-right:0;
	}
}

@media all and (max-width: 960px){
	*[class^=w-].res-m-100{width:100%;}
	*[class^=w-].res-m-90{width:90%;}
	*[class^=w-].res-m-80{width:80%;}
	*[class^=w-].res-m-70{width:70%;}
	*[class^=w-].res-m-66{width:66.666%;}
	*[class^=w-].res-m-60{width:60%;}
	*[class^=w-].res-m-50{width:50%;}
	*[class^=w-].res-m-40{width:40%;}
	*[class^=w-].res-m-33{width:33.333%;}
	*[class^=w-].res-m-30{width:30%;}
	*[class^=w-].res-m-25{width:25%;}
	*[class^=w-].res-m-20{width:20%;}
	*[class^=w-].res-m-10{width:10%;}
}


@media all and (max-width: 480px){
	*[class^=w-].res-s-100{width:100%;}
	*[class^=w-].res-s-90{width:90%;}
	*[class^=w-].res-s-80{width:80%;}
	*[class^=w-].res-s-70{width:70%;}
	*[class^=w-].res-s-66{width:66.666%;}
	*[class^=w-].res-s-60{width:60%;}
	*[class^=w-].res-s-50{width:50%;}
	*[class^=w-].res-s-40{width:40%;}
	*[class^=w-].res-s-33{width:33.333%;}
	*[class^=w-].res-s-30{width:30%;}
	*[class^=w-].res-s-25{width:25%;}
	*[class^=w-].res-s-20{width:20%;}
	*[class^=w-].res-s-10{width:10%;}
}

@media all and (max-width: 1200px){
header ul li a
{
	padding:20px 5px;
}
}
@media all and (max-width: 960px) and (min-width: 240px) {
	.master-slider
	{
		overflow:hidden
	}
	.brochure_listing_img
	{
		max-width:100%;
		height:auto
	}
	.brochure_list{width:100%}
.video-list {
    width: calc(50% - 3px);
}
	.contact-barcode
	{
		max-width:150px;
	}
	.main-inner {
    padding: 30px 0;
}
	.follow-us{text-align:left;
	color: #FFF;
    padding-top: 15px;}
	.font-55 {
    font-size: 2.5rem;
}
	.trigger > div > span{background:#3f5364}
	.bg-inner
	{

		height:300px;
	}
	header h1.font-68
	{
		   font-size:2rem
	}
	.font-20
	{
		font-size:1rem
	}
	.logo
	{
		    margin-left: 10px;
	}
	.footer .w-20 , .footer .w-25 , .footer .w-30
	{
		width:100%;
		padding-top:25px;
	}
	.footer form .w-20{
	width:20%
	}
	.footer_logo
	{
		/*text-align:center;*/
	}
	.copyright{text-align:center}
	.contact_info , .contact_box , .contact_page
	{
		width:100%;display:inline-block
	}
	.contact_info 
	{
		height:500px;
	}
	.contact_box
	{
		width:90%
	}
	.news-img.w-30 , .news-date.w-20 , .news-info.w-50
	{
		width:100%;
	}
	.news-box.flex-row
	{
		width:100%;display:inline-block !important
	}
	.footer-bottom .social
	{
		width:100%; text-align:center;float:none;padding:10px 0
	}
 .news-info
 {
	 padding-left:0;
	 border-left:0;
 }
 .flex-row.newsdetails_page
 {
	width:100%;display:inline-block !important 
 }
 
 .newsdetails_page .w-50{
 width:100%
 }
 .news_details_page 
 {
	 padding:5%; width:90% !important
 }
 
 .news_details_page h1 {
    padding-top: 20px;
    padding-bottom: 10px;
 }
 
 .about_us_page h2 , .about_us_page h2 p
 {
	 line-height:normal
 }
 
 .about_us_page .font-36
 {
	 font-size:1.5rem
 }
 
 .about_us_box
 {
	 padding-top:30px;
 }
 .footer .w-20
 {
	 padding-bottom:25px;
 }
 .about_box div.txt-just
{
	padding-right:0;
}
 .header_brief 
 {
	 text-align:center;
	 padding:0 5%
 }
 .w-50.brands_box
 {
	 width:100%;
 }
 .brands_box img
 {
	 max-width:100%;
 }
  .brands_details_box
  {
	  padding:0 5%;width:90%;margin-bottom:25px;
  }
 .brands_details_box .w-40 ,  .brands_details_box .w-55
 {
	 width:100%;display:inline-block !important ;text-align:justify
 }
 .brands_details_box .flex-row1
 {
	width:100%;display:inline-block !important  
 }
 .brands_details_box .w-40 img{
 max-width:80%;padding:0 5%
 }
 
 .brands_details_box  .w-50 .flex-row1.w-70
 {
	width:100%;display:inline-block !important  
 }
 .details_box_brand
 {
	 width:49%;
	
	display:inline-block !important  ;
	 margin-bottom:15px;
 }
 .brands_link
 {
	 
 }.brands_details_bg{height:300px;}
 .brands-logo{text-align:center !important}
 .stay{text-align:center;padding:5% 0;}
 .brands-logo
 {
	 padding-bottom:25px;
 }
 .home-stay , .cutting_edge
 {
	 width:100%;display:inline-block !important  
 }
 .home-stay .w-33
 {
	 width:100%
 }
 
 .parallax_box
 {
	 text-align:center
 }
 .parallax_box
 {
	 height:300px;
 }
 .cutting_edge .cutting_edge_info 
 {
	  width:90%
 }
 
   .cutting_edge .cutting_edge_img
 {
	  width:100%
 }
 .font-40
 {
	 font-size:2rem
 }
 .w-33.about_box{
 width:100%;
 padding-top:25px;
 }
 .master-slider
 {
	 padding-top:72px !important;
 }
 
 .stay2 img{
	max-width:200px
 }
 
 .contact_box_info
 {
	 height:auto;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 menu{
	 	display: flex;
	justify-content: center;
	flex-direction: column;
	align-content: center;
	align-items: center;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
	.logo img
	{
		max-width:100px;
	}
	.pad-30-0{
		padding:25px 0;
	}
	
	.pad-40-0, .pad-45-0, .pad-50-0{
		padding:30px 0;
	}
	
	.pad-0-30{
		padding:0 25px;
	}
	
	.pad-0-40, .pad-0-45, .pad-0-50{
		padding:0 30px;
	}
	
	.pad-30{
		padding:25px;
	}
	
	.pad-40, .pad-45, .pad-50{
		padding:30px;
	}
		
	.logo{
		position:relative;
		width:50%;
		margin-right:10px;
		float:left;
	}
	
	.logo img{
		width:100%;	
	}
	.brochure_listing
	{
		margin-right:0;
		width:100%;
	}
	
	.trigger2
	{
		display:none !important
	}
	.menu_nav_home ul
	{
		opacity:1 !important;
		margin-right:0 !important
	}
	
	
	
	
	
	
	
	
	
	
	menu{
		/*display:none;*/
		position:absolute;
		z-index:500;
		width:100%;
		top:100%;
	}
	
	header {
	    width: 100%;
	    position: relative;
	    z-index: 999;
	    padding: 0;

	}

	header ul{
		padding:0;
		margin: 0;
		list-style: none;
		width:100%;
		display:block;
	}

	header ul{
		padding:0 !important;
		width:100% !important;
		display:block;
	}

	header ul li{
		width:100% !important;
	}

	header ul.top-hd{
		background:#71bf51;	
	}

	header ul.bottom-hd{
		background:#c7161d;	
	}

	.trigger{
		display: block;
	}

	menu{
		position: fixed;
		z-index: 500;
		width: 320px;
		height: 100vh;
		box-sizing: border-box;
		background: #FFF;
		left: 100%;
		padding: 0;
		top: 0;
	}

	menu ul{
		margin:0;
	}

	menu ul li{
		margin:0;
	}

	menu ul li a{
		padding: 15px;
		text-align: left;
	}
	
	.pdflist a {
		font-size: 4vw;
	}

	footer .ftbg{
		height: 460px;
	}

	footer h5.marginh5{
		font-size: .9em;
	}

	footer h5.marginh5{
		font-size: .9em;
		margin-bottom: 100px;
	}

	#uploadbtn {
	    margin-left: -80px;
	    margin-top: 185px;
	}

	header .hd .container .row .fr{
		float: left;
		padding: 0 0 0 20px;
	}

	.fhd.sameheight.white-col > .ovdiv{
		width: 100%;
		overflow: visible;
		float: left;
		box-sizing: border-box;
	}

	.fhd.sameheight.white-col > .fr{
		width: 50%;
		overflow: visible;
		box-sizing: border-box;
	}

	.comments .w-25 {
	    border-bottom: 1px solid #999;
	    padding-bottom: 20px;
	    padding-right: 0;
	    border-right: 0;
	}

	.comments .w-75 {
	    padding-top: 20px;
	    padding-left: 0;
	}
	.hover-video img
{
	max-width:100%
}
.about-box
{
	width:100%
}
.about-box img
{
	max-width:100%
}
.services-box .bg
{
	background-size:cover
}
.home_about  img
{
	max-width:100%
}
.home_about
{
	display:inline-block;
	width:100%
}
.home_about_desc
{
	padding:0 10px
}
.home_about_desc .flex-row
{
	display:inline-block !important;
	width:calc(50% - 3px);
	text-align:center;
	padding:15px 0;
	vertical-align:top
}
.home_about_desc .flex-row.pd-1em
{
	width:100%
}
}


@media all and (max-width: 760px) {
	.services-box {
    width: 100%;
	}
.video-list {
    width:100%;
}
}
