@media(max-width:860px) {
.container{width:100%;}	
.logo{margin:0 0 70px 0;}
.what_we_do{padding:90px 0px 83px 0;}
.what_we_do_in{margin:0 15px;}
.brand_partners ul li{margin:0 7px;}
.our_works ul li img{width:100%; height:auto;}
.our_works ul li{margin:0 1% !important;}
.contact_lft{width:55%; padding:0 0 0 15px;}
.contact_rt{width:44%;}
.foot_nav{margin:0;}
}
@media(max-width:767px) {
.menu{display:block;float:right;margin: 0 10px 0 0;}
.menu a{font-family:'Lato', sans-serif;font-size:12px;color:#000000;line-height: 17px;font-weight:normal;text-transform:uppercase;display: inline-block;padding: 0 0 0 0;}
.menu a img{float:right;margin: 0 0 0 8px;}
nav{float:none;width:100%;padding:10px 0px 10px 0;margin:0;display:none;position:absolute;top: 32px;left:0px;background:#f3f2ed;z-index:9999;}
nav ul{float:none; display:block; margin:0; padding:0; text-align:center;}
nav ul li{float:none; display:block; margin:0 0 7px 0; padding:0; text-align:center; width:100%;}
.menu1{display:block;float:right;margin: 0 10px 0 0;}
.menu1 a{font-family:'Lato', sans-serif;font-size:12px;color:#000000;line-height: 17px;font-weight:normal;text-transform:uppercase;display: inline-block;padding: 0 0 0 0;}
footer{position:relative;}
.menu1 a img{float:right;margin: 0 0 0 8px;}
.foot_nav{float:none;width:100%;padding:10px 0px 10px 0;margin:0;display:none;position:absolute;top: 32px;left:0px;background:#f3f2ed;z-index:9999;}
.foot_nav ul{float:none; display:block; margin:0; padding:0; text-align:center;}
.foot_nav ul li{float:none; display:block; margin:0 0 7px 0; padding:0; text-align:center; width:100%;}
.banner_in_con p{padding:0 20px;}
.marketing ul li{margin:0 0 20px 0;}
.what_we_do_in_con{padding:0 0 21px 0;}
.brand_partners ul li{margin:0 35px 20px;}
.brand_partners{padding:60px 0 34px 0;}
.our_works{background-attachment:fixed;}
.our_works ul{text-align:left; }
.our_works ul li{width:30%; float:none; vertical-align:top; margin-bottom:20px !important;}
.contact_lft{width:100%; float:none; margin:0 0 20px 0; padding:0 10px;}
.contact_rt{float:none; width:100%;}
.contact{background-size:cover; padding:60px 70px 50px 70px;}
}
@media(max-width:599px) {
.our_heritage_lft{width:100%; float:none; padding:40px 20px 40px 20px;}	
.our_heritage_lft span{display:none;}
.our_heritage:before{display:none;}
.our_heritage:after{display:none;}
.our_heritage{background:#00f0cd; padding:0;}
.our_heritage_rt{background:#ff4e60;}
.brand_partners ul li{display:block; margin:0 0 20px;}
.our_works ul li{width:47%;}
.contact{padding:60px 40px 50px 40px;}
}
@media(max-width:479px) {
.logo img{width:270px; height:auto;}	
.banner_in_con p{font-size:16px; line-height:20px;}
.banner{min-height:425px;}
.banner_in{height:425px;}
.logo{margin:0 0 40px 0;}
.our_heritage_lft h2{font-size:16px; line-height:16px;}
.what_we_do_in:before{display:none;}
.what_we_do_in:after{display:none;}
.con{padding:0;}
#html5-close{right:20px !important;}
.brand_partners p br{display:none;}
.brand_partners p{padding:0 20px 45px 20px;}
.brand_partners{padding:40px 0 4px 0;}
.our_works h2{font-size:26px; line-height:26px; padding:0 0 40px 0;}
.our_works{padding:40px 0 0 0;}
.our_works ul li{width:220px; margin:0 auto 30px !important; display:block;}
.contact h2{font-size:26px; line-height:26px;}
.contact p{padding:0 10px 38px 10px;}
.form_sec ul li{width:100%; margin:0 0 10px 0 !important;}
.contact_rt{width:200px; margin:0 auto;}
.address{float:none; display:block; margin:0 0 20px 0;}
.help_center{float:none;}
.help_center p{padding:0 4px 0px 0;}
.contact{padding:60px 20px 50px 20px;}
}