@media(min-width:768px) and (max-width:991px) {
	.menu-toggle {margin-top: 30px;}
	.logo {width: 180px;}
	.logo img:last-child {width: 119px; left: -20px;}
	.logo.smaller-logo img:first-child {padding: 0 4px; width: 125%; max-width: 125%;}
	.logo.smaller-logo img:last-child {left: 25px; width: 46px;}
	.header-text li{font-size:44px;}
	.about-box{padding-bottom:20px;}
	.about-box p{ font-size:16px; line-height: 22px;}
	.about-box h2{font-size:40px; line-height:45px;}
	.about-box h3{padding-top:12px; font-size: 26px; line-height: 1.2;}
	.client-title h2{font-size:46px; line-height:52px;}
	.client-title p{ font-size:16px;}
	.catchyline-title h3{ font-size:48px;}
	.catchyline-title h4 {font-size: 21px; margin: 0 0 18px;}
	.catchyline-title p{ font-size:17px;}
	.testimonial-slider li p{ font-size:14px;}
	.clientlist li{width:33.33%;}
	.home-testimonial h2{font-size:35px; line-height: 35px;}
	.contactus-title h2{font-size:40px; line-height:45px;}
	.contactus-title p{ font-size:14px;}
	.contact-left p{ font-size:14px;}
	.contact-left h3{ font-size: 24px;}
	.contact-right h3{ font-size: 22px;}
	.contact-right p{font-size: 20px;}
	.contact-panel .contact-left{width:100%; padding-bottom:25px;}
	.contact-panel .contact-right{width:100%;}
	.events-panel .events-left{width:38.8%;}
	.events-left .tab-header{ padding-top:0px; width: 47%;}
	h2.mobiletitle{ display:block; font-size:60px; line-height:50px;}
	h3.mobiletitle{ display:block; font-size:36px; line-height:36px; margin-bottom:30px;}
	.webtitle{ display:none;}
	.events-panel .events-right{width:61.2%;}
	.exhibitionslist li{width:50%;}
	.events-left h2{font-size:40px; line-height:52px;}
	.events-left h3{font-size:34px; line-height:44px;}
	.events-left .tab-header li{width:100%;}
	.events-left .tab-header li p{font-size:12px; line-height:16px;}
	.eventpopup-left{width:100%;}
	.eventpopup-right{width:100%;}
	.eventpopup .bx-wrapper .bx-controls-direction a{top:-26px; margin-top:0; width:41px; height:52px;}
	.eventpopup .bx-wrapper .bx-prev{background-size:41px 52px; left:47%;}
	.eventpopup .bx-wrapper .bx-next{background-size:41px 52px; left:52%;}	
	.eventpopup .bx-wrapper .bx-next:hover{background-size: 41px 52px;}
	.eventpopup .bx-wrapper .bx-prev:hover {background-size: 41px 52px;}
	.home-section .container{width:auto; padding: 0 11% 0 11%;}	
	.header-nav{padding:0 50px;}
	.header-text li{font-size:45px; line-height:60px; padding:0 21px 0 37px; background-size: 15px;}	
	.contact-form{width:100%;}
    .srvloader{left: 95%;}
	.service-box h2 {font-size: 15px;}
	.contact-panel {padding: 30px 0 0;}
	.about-section, .contactus-section, .client-section {padding: 130px 0 0;}
	.client-panel {margin-bottom: 50px;}
	.header-text h2{font-size: 32px;}	
	.analytics-panel {margin-top: -60px;}
	.team-panel h3 {font-size: 40px;}
	.reasons-block {margin: 10px 0 0;}
	.header-text h3 {font-size: 180px;}
	.header-text h3 span {font-size: 50px; left: 55px;}
	.header-text h3 span:first-child {top: 29px;}
	.header-text h3 span:nth-child(2) {top: 78px;}
	.header-text h3 span:nth-child(3) {top: 131px;}
	.header-text h3:before{width: 34px; height: 34px; top: 0px; left: 7px;}
	.catchyline-panel {padding: 55px 0 0;}
}
@media(min-width:992px) and (max-width:1150px) {
	.about-box{padding-bottom:20px;}
	.about-box h2{font-size:50px; line-height:55px;}
	.about-box h3{font-size:30px;}
	.events-panel .events-left{width:40.8%;}
	.events-panel .events-right{width:59.2%;}
	.exhibitionslist li{width:49.8%;}
	.home-section .container{width:auto; padding: 0 7%;}
	.client-title h2, .contactus-title h2{font-size:50px; line-height:55px;}
	.catchyline-detail .exhibitionslist li{width:30%;}
	.catchyline-detail .exhibitionslist .wrowser-work{width:100%; height:194px; padding:0px 0 0; margin:2px 0 0 2px;}
	.events-left .tab-header li p{font-size:10px;}
	.header-nav{padding:0 70px;}
	.header-text li{font-size:70px; line-height:76px;}
	.contact-form{width:100%;}
    .srvloader{left: 0%; top: 14%;}
	.service-box h2 {font-size: 15px;}
	.about-section, .client-section {padding: 140px 0 20px;}
	.contactus-section{padding: 140px 0 0;}
	.header-text li{font-size: 60px; padding: 0 28px 0 45px;}
	.header-text h2{font-size: 46px;}
	.team-panel h3 {font-size: 45px;}
	.contact-left h3 {font-size: 28px; line-height: 36px; padding: 0 0 18px;}
	.reasons-block {margin: 10px 0 0;}
	.catchyline-title h3 {font-size: 55px; padding: 0 0 20px;}
	.catchyline-title h4 {font-size: 21px; margin: 0 0 24px;}
	.catchyline-title p {font-size: 18px;}
	.catchyline-panel {padding: 85px 0 35px;}
}
@media(min-width:1151px) and (max-width:1280px) {
	.events-panel .events-left{width:38.8%;}
	.events-panel .events-right{width:61.2%;}
	.exhibitionslist li{width:33.33%;}
	.eventpopup-text h3{font-size:40px; line-height:46px;}
	.home-section .container{width:auto; padding: 0 7%;}
	.catchyline-detail .exhibitionslist .wrowser-work{height:200px; padding:0px 0 0; margin: 2px 0 0 2px;}
	.events-left .tab-header li p{font-size:11px;}
	.service-box h2 {font-size: 15px;}
	.client-section, .about-section {padding: 140px 0 70px;}
	.contactus-section {padding: 140px 0 0;}
	.header-text li{font-size: 60px;}
	.header-text h2{font-size: 60px;}
}
@media(min-width:1281px) and (max-width:1400px) {
	.events-section .container{max-width:inherit;}
	.events-panel .events-left{width:36.8%;}
	.events-panel .events-right{width:63.2%;}
	.home-section .container{width:auto; padding: 0 7%;}
	.catchyline-detail .exhibitionslist .wrowser-work{height:215px; padding:0px 0 0; margin: 2px 0 0 2px;}
	.events-left .tab-header li p{font-size:11px;}
	.exhibitions-text .exhibitionstext-sub h3{font-size:20px; line-height:26px; color:#979797; font-weight:400; padding:0; margin:0; text-transform:uppercase; position:absolute;}
	.exhibitions-text .exhibitionstext-sub span{font-size:15px; line-height:18px; color:#232323; font-weight:400; padding:0; margin:0; text-transform:none; display:block;}
	.header-text h2 {font-size: 65px;}
}
@media(min-width:1401px) and (max-width:1600px) {
	.events-panel .events-left{width:35.8%;}
	.events-panel .events-right{width:64.2%;}
	.exhibitionslist li{width:33.33%;}
	.header-text h2 {font-size: 68px;}
}

@media(min-width:1920px) and (max-width:2500px){
.catchyline-detail .exhibitionslist .wrowser-work{ height: 40.2vh; width:60.4vw;}	
}
@media(max-width:1080px){
	.service-panel {margin-top: 0px;}	
	.team-box {padding: 0px;}
	.member-details {margin: 0;}
}
@media(max-width:767px) {
	.logo{max-width: 180px;}
	.menu-toggle {margin-top: 16px;}
	.logo.smaller-logo img:last-child {display: none;}
	.logo.smaller-logo img:first-child {padding: 0; opacity: 1; width: 100%; max-width: 100%;}
	.header-text li{font-size:40px; line-height: 60px; padding: 0 20px 0 35px;}
	.header-nav{padding:0 20px 0 15px;}
	.about-box h2{ font-size:45px; line-height:45px;}
	.about-box p, .client-title p{ font-size:16px; line-height: 22px;}
	.events-left .tab-header{ padding-top:0px;}
	h2.mobiletitle{ display:block; font-size:50px; line-height:50px;}
	h3.mobiletitle{ display:block; font-size:36px; line-height:36px; margin-bottom:30px;}
	.webtitle{ display:none;}	
	.navlist li a{font-size:24px; line-height:30px;}
	.leftnev-panel{width:280px;}
	.header-leftnav{right:-280px;}
	#main.active{left:-280px;}
	.header-leftnav.open{right:0px;}
	.social-nav{ left:20px; transform:translateX(0%); -moz-transform:translateX(0%); -webkit-transform:translateX(0%); text-align:left;}
	.client-section{ padding-top:20px;}
	.client-title h2{font-size:40px; line-height:40px;}
	.clientlist li{width:33.33%;}
	.contactus-title p{ font-size:14px;}
	.contact-left p{font-size:14px;}
	.contact-panel .contact-left{width:100%; padding-bottom:25px;}
	.contact-panel .contact-right{width:100%;}
	.contactus-title h2{font-size:40px; line-height:40px; padding-bottom:27px;}
	.contact-panel{padding-top:22px;}
	.contact-left h3{font-size:24px; line-height:30px;}
	.contact-form{width:100%;}
	.contact-right p{font-size:18px; line-height:22px;}
	.events-panel .events-left{width:40%;}
	.events-panel .events-right{width:60%;}
	.exhibitionslist li{width:48%;}
	.events-left .tab-header li{width:95%; display:inline-block;}
	.events-left .tab-header li a{height:102px; padding-top:70px;}
	.events-left .tab-header li a:hover, .events-left .tab-header .ui-state-active a{padding-top:70px;}
	.events-left .tab-header .exhibition a{background-size:46px 46px; background-position:center 20px;}
	.events-left .tab-header .branding a{background-size:46px 46px; background-position:center 20px;}
	.events-left .tab-header .office-branding a{background-position:center 20px; background-size:46px 46px;}
	.events-left .tab-header .websites a{background-position:center 20px; background-size:46px 46px;}
	.events-left .tab-header .newsletters a{background-position:center 20px; background-size:46px 46px;}
	.events-left .tab-header .exhibition a:hover, .events-left .tab-header .ui-state-active.exhibition a{background-position:center 20px; background-size:46px 46px;}
	.events-left .tab-header .branding a:hover, .events-left .tab-header .ui-state-active.branding a{background-position:center 20px; background-size:46px 46px;}
	.events-left .tab-header .office-branding a:hover, .events-left .tab-header .ui-state-active.office-branding a{background-position:center 20px; background-size:46px 46px;}
	.events-left .tab-header .websites a:hover, .events-left .tab-header .ui-state-active.websites a{background-position:center 20px; background-size:46px 46px;}
	.events-left .tab-header .newsletters a:hover, .events-left .tab-header .ui-state-active.newsletters a{background-position:center 20px; background-size:46px 46px;}
	.events-left h2{font-size:24px; line-height:30px;}
	.events-left h3{font-size:18px; line-height:24px;}
	.events-left .tab-header li p{display:none;}
	.eventpopup-left{width:100%;}
	.eventpopup-right{width:100%;}
	.eventpopup .bx-wrapper .bx-controls-direction a{top:-26px; margin-top:0; width:41px; height:52px;}
	.eventpopup .bx-wrapper .bx-prev{background-size:41px 52px; left:40%;}
	.eventpopup .bx-wrapper .bx-next{background-size:41px 52px; left:51%;}
	.eventpopup .bx-wrapper .bx-next:hover{background-size: 41px 52px;}
	.eventpopup .bx-wrapper .bx-prev:hover {background-size: 41px 52px;}
	.eventpopup-text h3{font-size:26px; line-height:30px;}
	.eventpopup-text p{font-size:13px; line-height:18px;}
	.eventpopup-text{padding:50px 20px 50px;}
	.eventpopup .gridder-navigation .gridder-close{height:22px; width:22px; background-size:21px 21px; top:20px; right:20px;}
	.home-section .container{width:100%; padding-left:30px; padding-right:30px;}
	.catchyline-detail .exhibitionslist li{width:50%; padding:2px; margin:0px}
	.catchyline-detail .wrowser-work .wrowserwork-link{font-size:15px; width:90%; padding:0px 10px;}
	.catchyline-detail .exhibitionslist .wrowser-work{width:100%; height:205px; padding:0px 0 0;margin-top: 2px 0 0 2px;}
	.catchyline-title h3{font-size:38px; padding-bottom:18px;}
	.catchyline-title h4 {font-size: 18px; margin: 0 0 20px;}
	.catchyline-title{padding-bottom:25px;}
	.catchyline-panel{padding:50px 0 0;}
	.catchyline-title p{font-size:14px; margin-bottom: 10px;}
	.home-testimonial h2{font-size:36px; line-height:40px;}
	.home-testimonial{padding:28px 0 28px;}
	.testimonial-detail{width:100%; max-width:inherit; padding:0 25px;}
	.nextsection-icon{background-size:100% 100%; width:30px; height:44px;}
	.next-section{padding-top:15px;}
	.eventpopup-right .bx-wrapper{position:relative;}
	.eventpopup .bx-wrapper .bx-controls-direction{position:inherit;}
	.eventpopup{overflow:scroll;overflow-x: hidden;}
	.eventpopup::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */	}
/* optional: show position indicator in red */
.eventpopup::-webkit-scrollbar-thumb {background: #FF0000;}
	.exhibitions-text .exhibitionstext-sub span{font-size:14px; line-height:18px;}
	.exhibitions-text .exhibitionstext-sub h3{font-size:14px;}
	.logo{position:relative;}
	.home-bg .logo {position: absolute !important;}
	.events-section, .about-section, .client-sectionm, .contactus-section{padding-top:20px;}
    .srvloader{left: 85%;}
	.service-box h2 {font-size: 15px;}
	.contactus-section { padding: 20px 0 0;}
	.contact-box {padding: 0 0 10px;}
	.client-panel { margin-bottom: 50px;}	
	.header-text h2 {font-size: 34px;}
	.analytics-panel {width: 100%; margin-top: -20px;}
	.team-panel h3 {font-size: 40px;}
	.team-panel {padding: 20px 0 0;}
	.reasons-block {margin: 0;}
	.approach-panel h3 {padding: 0;}
	.about-section {padding: 40px 0 20px;}	
	.header-text h3 {font-size: 141px; padding-right: 160px;}
	.header-text h3 span {font-size: 36px; left: 40px;}
	.header-text h3 span:first-child {top: 27px;}
	.header-text h3 span:nth-child(2) {top: 66px;}
	.header-text h3 span:nth-child(3) {top: 105px;}
	.header-text h3:before{width: 28px; height: 28px; top: 0px; left: 5px;}
	.slider{margin-top: 74px;}
	.slider-break{display: none;}
	.bx-wrapper .bx-pager {padding-top: 13px;}
	#navigation-toggle{height: 44px; line-height: 48px;}
	.icon-toggle {top: -5px;}
}
	

@media(min-width:480px) and (max-width:639px) {
	.header-text li{font-size:30px; line-height:40px; padding: 0 12px 0 20px; background-size:8px 8px;}
	.header-text h2 {font-size: 30px;}
	.clientlist li{width:50%;}
	.contact-form .input-field .input-boxleft{width:100%; padding-right:0;padding-bottom: 18px;}
	.contact-form .input-field .input-boxright{width:100%; padding-left:0;}
	.exhibitionslist li{width:100%;}
	.events-left .tab-header li{width:100%; display:block;}
    .srvloader{left: 85%;}
	.header-text h3 {font-size: 90px;padding-right: 87px;}
	.header-text h3 span {font-size: 22px; left: 24px;}
	.header-text h3 span:first-child {top: 17px;}
	.header-text h3 span:nth-child(2) {top: 41px;}
	.header-text h3 span:nth-child(3) {top: 67px;}
	.header-text h3:before {width: 20px; height: 20px; top: -2px; left: 3px;}
	.team-box {padding: 0 0 30px;}
	.team-box:last-child {padding-bottom: 50px;}
	.team-info{margin: 0; padding: 0;}
}
@media(max-width:479px) {
	.logo {max-width: 150px;}
	.header-text{padding-top:25px;}
   .header-text li{line-height:40px; background-size:5px 5px; padding:0px 5px 0px 14px; font-size:25px;}
	.header-text h2 {font-size: 24px;}	
	.navlist li a{font-size:22px; line-height:30px;}	
	.leftnev-panel{width:230px;}
	.social-nav{ left:0px; transform:translateX(0%); -moz-transform:translateX(0%); -webkit-transform:translateX(0%); text-align:left;}
    #navigation-contact {top:110px}
	.header-leftnav{right:-230px;}
	#main.active{left:-230px;}
	.header-leftnav.open{right:0px;}
	.testimonial-slider li p{ font-size:15px;}
	.about-section{ padding-bottom:0px;}
	.about-box p{font-size:14px;}
	.about-box h2{font-size:35px; line-height:46px;}
	.about-box h2 span{ font-size:46px;}
	.about-box h3{font-size:24px; line-height:28px;}
	.client-section{ padding-bottom:0px;}
	.client-title p{ font-size:14px;}
	.clientlist li{width:100%;}
	.contact-form .input-field .input-boxleft{width:100%; padding-right:0; padding-bottom:18px; }
	.contact-form .input-field .input-boxright{width:100%; padding-left:0;}
	.exhibitionslist li{width:100%;}
	.events-left .tab-header li{width:100%; display:block;}
	.eventpopup .bx-wrapper .bx-prev{background-size:41px 52px; left:40%;}
	.eventpopup .bx-wrapper .bx-next{background-size:41px 52px; left:51%;}
    .eventpopup .bx-wrapper .bx-next:hover {background-size:41px 52px;}
    .eventpopup .bx-wrapper .bx-prev:hover {background-size:41px 52px;}
	.catchyline-detail .exhibitionslist li{width:100%;}
	.catchyline-detail .exhibitionslist li img{min-width:100%;}
	.catchyline-detail .exhibitionslist .wrowser-work{padding:0px 15px 0; margin: 2px 0 0 2px;}
	.catchyline-detail .wrowser-work .wrowserwork-link{width:90%; font-size:16px; height:50px; line-height:50px;}
.exhibitions-text .exhibitionstext-sub h3{font-size:18px;}
.exhibitions-text .exhibitionstext-sub span{font-size:16px; line-height:18px;}
.catchyline-title h3 br{display:none;}
    .srvloader{left: 85%;}
	.header-text h3 {font-size: 90px;padding-right: 87px;}
	.header-text h3 span {font-size: 22px; left: 24px;}
	.header-text h3 span:first-child {top: 17px;}
	.header-text h3 span:nth-child(2) {top: 41px;}
	.header-text h3 span:nth-child(3) {top: 67px;}
	.header-text h3:before {width: 20px; height: 20px; top: -2px; left: 3px;}
	.catchyline-title h3 {font-size: 28px;padding-bottom: 16px;}
	.catchyline-title h4 {font-size: 17px; margin: 0 0 16px;}
	.reasons-block h3 {font-size: 24px;}
	.reasons-block li, .about-text li {font-size: 16px;}
	.contact-panel .contact-left {padding-right: 0;}
	.contact-left h3 {font-size: 22px; line-height: 26px;}
	.contact-left h4 {font-size: 16px; line-height: 24px;}
	.home-section .container {padding-left: 20px; padding-right: 20px;}
	.team-box { width: 100%; padding-bottom: 30px; padding-right: 0;}
	.team-box:last-child {padding-bottom: 50px;}
	.team-info{margin: 0; padding: 0;}
}
@media(max-width:359px) {
	.header-text li{font-size:21px; line-height: 30px;}
	.about-box h2{font-size:36px; line-height:42px;}
    .srvloader{left: 85%;}
	.header-text h2 {font-size: 17px;}
	.modal-img svg {width: 100%; max-height: 100%;}
}