@media screen and (max-width: 1200px){
.wrapper{width: 98%}
.banner{width: 100%}
.bluecontainer,.grey-container{height: 234px; padding: 7% 0 0}
.grey-container p, .full-greycontainer p{font-size: 16px;}
.footerleftsec{width: 30%}
}
@media screen and (max-width: 1023px) and (min-width: 768px){
.footerleftsec{width: 40%}
}
@media screen and (max-width: 767px){
.header-toparea{width: 30%}
.logo-area{right: 10px}
.logo-area  a{ width: 70%; float: right;}
.logo-area a img{max-width: 100%}
.bluecontainer, .grey-container{width: 100%; height: auto;padding: 7% 0}
.footer-menu ul{width: 90%}
.grey-container p, .full-greycontainer p{font-size: 15px;}
.twitter-icon{margin: 5px 10px 0 0}
.contentsection p{font-size: 15px; line-height: 26px;}
.footerleftsec{width: 100%;display: block;margin: 0 0 20px; border-right: none;}
.footerleftsec img.alignright{float: none;}
.footerleftcontent.alignright{text-align: left;}
.footerleftcontent{margin: 0 0 0 20px;}
}
@media screen and (max-width:479px){
.header-toparea{width: 40%}
.logo-area a{width: 60%}
.footer-menu ul li{padding: 4px 6px 0}
.footer-menu ul li a{font-size: 11px;}
}