@media only screen and (min-width: 1900px){
#portfoliolist .portfolio {width: 377px !important;}
.portfolio .label-text {top: 268px;}
.portfolio .label-bg {height: 290px;}
.plus {left: 153px;top: 102px;}
}

@media only screen and (min-width: 980px) and (max-width: 1279px) {
.Wrapper, .FooterWrapper { }
.Gallery .Wrapper{width:100%;}
.Featured h1{ font-size:74.63px !important;}
.Featured h2{ font-size:39.8px !important; padding-left:100px !important;}
.AllProduct { float:left; margin-top:0px;}
.ContactForm{ width:44%}
.ContactRight{ width:47%;}
.overlay_img p {padding-top: 95px;}
#portfoliolist .portfolio {width: 337px;}
.hi-icon-effect-5 .hi-icon {height: 150px;width: 150px;}
.hi-icon:before {height: 150px;width: 150px;}
.hi-icon-mobile:before {content: "";	background:url(../images/web-dark_tab.jpg) no-repeat scroll 0 0;}
.hi-icon-screen:before {content: "";background:url(../images/brand-dark_tab.jpg) no-repeat scroll 0 0;}
.hi-icon-earth:before {content: "";background:url(../images/marketing-dark_tab.jpg) no-repeat scroll 0 0;}
.hi-icon-support:before {content: "";background:url(../images/print-dark_tab.jpg) no-repeat scroll 0 0;}
.no-touch .hi-icon-effect-5c .hi-icon-mobile:hover:before {background:url(../images/web-pink_tab.jpg) no-repeat scroll 0 0;}
.no-touch .hi-icon-effect-5c .hi-icon-screen:hover:before {background:url(../images/branding-pink_tab.jpg) no-repeat scroll 0 0;}
.no-touch .hi-icon-effect-5c .hi-icon-earth:hover:before {background:url(../images/marketing-pink_tab.jpg) no-repeat scroll 0 0;}
.no-touch .hi-icon-effect-5c .hi-icon-support:hover:before {background:url(../images/print-pink_tab.jpg) no-repeat scroll 0 0;}
.webdes {left: 80px;}
.brand {left:257px;}
.o_market {left:456px;top:px;}
.d_paint {left: 625px;top:px;}

.CustomWeb .Wrapper{width: 100%;}
.LED {margin-left: 15px;width: 50%;}
.RightText {margin-right: 15px;padding: 0;width: 46%;}
}



@media only screen and (min-width: 768px) and (max-width: 1023px) {
p{ font-size:16px;}
#disnone{ display:none;}
#disnone2{ display:block;}	
.Wrapper, .FooterWrapper, .ContactPage {width:86%;}
.Header{width:100%; padding:22px 0 15px 0;}
.Logo {margin-top: -7px;margin-bottom: 25px;}
.Logo a {width:75px; height:50px; background-size:270px auto;}
.NavBar {margin: 25px 20% 0;width: 60%;margin-top: -42px;}
.NavBar ul li a {padding: 0 6px;}
.slider_text {width: 739px;margin-left: -40px;}
.Banner p {font-size: 19px;margin-top: 8px;}
.Featured{ padding-top:40px;}
.Banner{ background-size:320px; height:325px;}
.MarginTL{margin: 24px 0 0 0px;}
.BlackBtn { margin:0 0px; }
.AllProduct { width:55%; float:right; margin:0px;}
.AllProduct img{ width:100%;}
#mcts1 .navNext{ right:276px !important;}
#mcts1 .navPrev{ left:275px !important;}
.LED img{ width:100%; margin:0;}
.RightText h3{ padding:0px; font-size:32px;}
.RightText p{ padding:20px 0}
.LeftText{ width:100%; margin:0px;}
.LeftText ..MarginTL{ margin:0px !important;}
.CustomWeb{ padding:55px 0 25px;}
.FooterSocial {margin:0px 33%; width:auto; }
.Gallery .Wrapper{width:100%;}
#mcts1{ width:659px !important;}
.InnerPageS{ width:100%; text-align:center;}
.InnerPageS .Title{border-right: medium none;float: left;margin-left: 11px;margin-right: 12px;width: 499px;}
.InnerPageS .StartProject{margin:5px auto 0;}
.InnerPageS .Title .DownArrow{ left:51%; top:125px;}
.listingBox1, .listingBox2{ width:750px;}
.listingBox1 .TextHolder, .listingBox2 .TextHolder{ width:50%;}
.listingBox1 .TextHolder h2, .listingBox2 .TextHolder h2{ font-size:29px;}	
.StartProjectBut .Button{ width:48%;}
.ContactForm, .ContactRight{ width:100%;}
.ContactForm ul li input.button:hover { background:#1B1B1B; color:#ffffff;}
.ContactRight p{ width:100%;}
.InnerPageS .ContactHeading .DownArrow{ left:50%; top:80px;}
.Captcha{ width:20%;}
#OurBlog, .midcontent,  #Singlepage{ width:745px;}
#OurBlog li.mid{ margin:0 10px}
#OurBlog li{ width:241px;}
.Creative p{ width:99%;}
.MoreForm li{ width:178px;}
.OurWork{ width:92%;}
.WorkButton{ width:70%;}
.WorkButton li{ float:left; margin:0 0 30px 10px;}
.Box li{ float:left; margin:0 0 15px 15px;}
.Box li.first{margin-left:15px;}
#toPopup{ width:700px!important; margin-left:0px!important; left:2%!important;}
.all_services {width: 715px;}
.start_a_project p {font-size: 21px;}
.start_a_project .Button {font-size: 25px;margin: 26px auto 0;padding: 24px 0;width: 210px;}
.test_service_page .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: inherit;}
.FooterLogo {margin: 40px auto 0;}
.Copy { padding-top: 20px;margin-bottom: 15px;}
.d_paint {margin-top: 30px;}
.single_service a {margin-bottom: 50px;margin-right:-7px;}
.webdes {left: -20px;top: -39px;}
.brand {left: 153px;top: -39px;}
.o_market {left: 333px;top: -39px;}
.d_paint {left: 512px;top: -68px;}
.hi-icon-earth, .hi-icon-support{margin-bottom:0;}
.single_service {margin-left: -47px;margin-top: -25px;}
.all_services {margin-left: -26px;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: -39px;}
.CallNow {font-size: 22px;}
.service_text p {width: 150px;}
.hi-icon-effect-5 .hi-icon {height: 150px;width: 150px;}
.hi-icon:before {height: 150px;width: 150px;}
.hi-icon-mobile:before {content: "";background:url(../images/web-dark_tab.jpg) no-repeat scroll 0 0;}
.hi-icon-screen:before {content: "";background:url(../images/brand-dark_tab.jpg) no-repeat scroll 0 0;}
.hi-icon-earth:before {content: "";background:url(../images/marketing-dark_tab.jpg) no-repeat scroll 0 0;}

.hi-icon-support:before {content: "";background:url(../images/print-dark_tab.jpg) no-repeat scroll 0 0;}
.no-touch .hi-icon-effect-5c .hi-icon-mobile:hover:before {background:url(../images/web-pink_tab.jpg) no-repeat scroll 0 0;}
.no-touch .hi-icon-effect-5c .hi-icon-screen:hover:before {background:url(../images/branding-pink_tab.jpg) no-repeat scroll 0 0;}
.no-touch .hi-icon-effect-5c .hi-icon-earth:hover:before {background:url(../images/marketing-pink_tab.jpg) no-repeat scroll 0 0;}
.no-touch .hi-icon-effect-5c .hi-icon-support:hover:before {background:url(../images/print-pink_tab.jpg) no-repeat scroll 0 0;}
.plus {left: 89px;top: 155px;}
#portfoliolist .portfolio {width: 247px;}
.WorkButton li a {padding: 12px 23px;}
.slider_text h1 {font-size: 56px;}
.slider_text p {font-size: 23px !important;margin-top: 7px;}
.our_work_title{float:left !important;width: 443px !important;margin-left: 34px !important;}
.about_qcolors{width: 464px !important;}
.InnerPageS .our_blog_tit{width: 447px;}
.InnerPageS .ContactHeading{width:inherit;}
.InnerPageS .our_work_title span {font-size:23px !important;}
.ContactRight{text-align: center;}
.ContactForm ul li input.button {margin: 28px 220px;}
.CustomWeb .Wrapper{width: 100%;}
.LED {
  margin-left: 28px;
  width: 92%;
}
.RightText {
  padding: 20px;
text-align: center;
width: 95%;
}
}



@media only screen and (min-width: 480px) and (max-width: 767px) {
p{ font-size:16px;}
#disnone{ display:none;}
#disnone2{ display:block;}	
.Wrapper, .FooterWrapper, .ContactPage {width:86%;}
.Gallery .Wrapper{ width:100%;}
.Header{width:100%; padding:22px 0 5px 0;}
.Logo a {height: 50px;width: 60px;margin-top: -10px;margin-bottom: 10px;}
.NavBar { width:100%; margin:12px 0 0px;}
.NavBar ul li {width:100%; margin-top:1px}
.NavBar ul li a {width:100%; float:left; padding:15px 0; text-align:center; background:#e8e6e7; color:#666666;}
.NavBar ul li a:hover, .NavBar li a.Active { background:#EF4A53; color:#ffffff;}
.SocialMedia{float:right; margin:4px 0 0 0px;}
.SocialMedia ul li{float:left; margin-left:15px;}
.SocialMedia ul li.fb a, .SocialMedia ul li.twit a, .SocialMedia ul li.gplus a, .SocialMedia ul li.video a { width:39px; height:38px; background-size:285px auto; background-position:0 -55px;}
.SocialMedia ul li.twit a {background-position:-42px -55px;}
.SocialMedia ul li.gplus a { background-position:-84px -55px;}
.SocialMedia ul li.video a { background-position:-127px -55px;}
.SocialMedia ul li.fb a:hover{background-position:0 -93px; }
.SocialMedia ul li.twit a:hover {background-position:-42px -93px;}
.SocialMedia ul li.gplus a:hover { background-position:-84px -93px;}
.SocialMedia ul li.video a:hover { background-position:-127px -93px;}
.Featured{ text-align:center; width:100%; padding:55px 0 50px; background:#333333;height: 250px;}
.Banner{width:100%; height:auto; background:none;margin-top: -55px;}
.slider_text {background: none;}
.Featured h1 {color: #FFFFFF;font-size: 42px;font-weight: normal;padding-top: 30px;}
.slider_text p {font-size: 31px; margin-top: 2px;}
.Banner p {font-size: 17px;}
.AllProduct{ width:92%; margin:24px 0 0 0px;}
.button { width:200px; padding:20px 0px; font-size:18px; margin:24px 0 0 0px}
.button:hover, .button:focus { color:#fff; background:#DC343D; }
.Gallery{width:100%; padding-bottom:0px; min-height:295px; overflow:hidden;}
.CustomWeb{padding:40px 0 60px;margin-top:0;}
.RightText h3{ padding-top:0px; font-size:44px;}
.RightText p{ padding:25px 0 10px;}
.LeftText{ width:96%; margin:0px 2%;}
.LeftText h3{ padding-top:0px; font-size:22px; text-align:center;}
.LeftText p{ width:92%; margin:0px 4%; padding:25px 0 10px;}

.LeftText h3{ font-size:28px;}
.Testimonial{ width:100%; margin:35px 0 0; display:none;}
.TestimonialText{ width:100%; margin:10px 0 0px;}
.Dot{ margin-top:5px;}
.FooterSocial{width:216px; float:none; margin:15px auto;clear:both;}
#mcts1 {margin: 80px auto 0 !important; }
#mcts1 .navPrev { top:-64px !important; left:108px !important;}
#mcts1 .navNext { top:-64px !important; right:85px !important;}
#ProjectPop{ max-width:85%;}
.Midcontener .Left, .Midcontener .Right{ width:99%; }
.InnerPageS{ width:97%; margin-bottom:80px;}
.InnerPageS .Title{ float:none; border-right:none; width:100%; text-align:center;}
.InnerPageS .StartProject{ float:none; margin:10px auto 0;}
.InnerPageS .Title .DownArrow{ left:50%; top:150px;}
.listingBox1, .listingBox2{ width:95%;}
.listingBox1 .ImgHolder, .listingBox2 .TextHolder{ float:none; width:100%; margin:0 auto;}
.listingBox1 .TextHolder, .listingBox2 .ImgHolder{ width:100%; margin:20px auto 0; float:none;}
.StartProjectBut .Button{ width:80%;}
.InnerSlider h1{ font-size:60px;}
.listingBox1 .TextHolder h2, .listingBox2 .TextHolder h2{ font-size:24px;}
.listingBox1 .TextHolder h2, .listingBox2 .TextHolder h2{ font-size:24px;}
.listingBox1 .TextHolder p, .listingBox2 .TextHolder p{ margin-top:8px;}
.ContactForm, .ContactRight{ width:100%;}
.ContactForm ul li input.button:hover { background:#1B1B1B; color:#ffffff;}
.ContactRight p{ width:100%;}
.InnerPageS .ContactHeading .DownArrow{ left:50%; top:80px;}
.Captcha{ width:20%;}
#OurBlog, .midcontent, #Singlepage{ width:460px;}
#OurBlog li{ width:100%; float:none;}
#OurBlog li.mid{ margin:0px;}
#OurBlog li .ImgCon .DateBox{ left:40%;}
.Creative p{ width:99%;}
#Singlepage .Singleleft, #Singlepage .SingleRight, .MoreForm li{ float:none; width:100%;}
.MoreForm li{ margin-bottom:20px;}
.OurWork{ width:86%;}
.WorkButton{ width:100%;}
.WorkButton li{ float:left; margin:0 0 30px 10px;}
.Box li{ width:95%; float:left; margin:0 0 15px 15px;}
.Box li.first{margin-left:15px;}
.listingBoxRed, .listingBoxPink{ padding-top:495px; position:relative;}
.listingBox2 .ImgHolder{ position:absolute; left:0px; top:50px; width:100%; }
.listingBox2 .ImgHolder img{ margin:0 auto!important; text-align:center; width:95%; display:block;}
.WorkButton li a{ padding:12px 13px;}
#toPopup{ width:480px!important; margin-left:0px!important; left:0px!important;}
.Midcontener .Right .SeeDetails{ margin-top:20px;}
.CustomWeb1{padding:30px 0;}
.CustomWeb1 h1{ font-size:25px;}
.CustomWeb1 p{ padding-top:20px}
.Power h2{ font-size:20px;}
.Power h3{ font-size:18px}
.Portfolio .BTN{ margin:0px auto;}
.CustomWeb h1 {font-size: 30px;}
.Power h2 {font-size: 28px;}
.all_services {width: 440px;margin-left: -28px;margin-top: -5px;}
.single_service a {margin-bottom: 45px;}
.webdes, .brand, .o_market, .d_paint {left: 100px;}
.webdes {top: -834px;}
.brand {top: -567px;}
.o_market {top: -303px;}
.d_paint {top: -35px;}
.gallery_bottom_arrow {background:none;}
.start_a_project p {float: none;padding: 35px 0;line-height: 32px;text-align: center;}
.start_a_project .Button {float: none;margin: 0 auto 30px;padding: 30px 0;}
.Copy {padding: 24px 0 15px;}
.Company {padding-bottom: 20px;}
.CallNow em {display: block;padding-left: 0;margin-top:20px;}
.CallNow span {border-right: 0px solid #D9D9D9;padding-right:0;}
.GalleryHeading {font-size: 53px;}
#portfoliolist .portfolio {margin: 0px 0 3px 4px;width: 98%;}
#back-top{display:none !important;}
#portfoliolist {margin: 0;width: 100%;}
.label-bg{display:none;}
#example1 {border-bottom: 0px solid #EF4A53;}
.showbiz .overflowholder ul li {margin-right: 3px;}
.slider_text p {font-size: 17px;
margin-top: 10px;}
.slider_text p {font-size: 29px;margin-top:10px;}
.InnerPageS .our_work_title {margin-left: 0px;}
.InnerPageS .our_work_title span {font-size:25px !important;}
.ContactForm ul li input.button {margin: 28px 96px;}
.ContactRight{text-align: center;}
.MoreForm h2 {text-align: center;}
#Singlepage .SingleRight .Button { margin: 0 auto;}
.InnerPageS .single_work_tit{margin-bottom: 20px;font-size: 29px;}
.ContactForm ul li input.button {margin: 28px 96px;}
.CustomWeb .Wrapper{width: 100%;}
.LED {
  margin-left:0px;
  width: 100%;
}
.RightText {
  padding: 20px;
text-align: center;
width: 95%;
}
.LED img {
  margin: 0 22px;
  width: 90%;
}
.BlackBtn{font-size:21px;}
}





@media only screen and (min-width: 300px) and (max-width: 479px) {
p{ font-size:14px;}
#disnone{ display:none;}
#disnone2{ display:block;}	
.Wrapper, .FooterWrapper, .ContactPage {width:300px;}
.Gallery .Wrapper{ width:100%;}
.Header{width:100%; padding:22px 0 5px 0;}
.Logo{width:100%; text-align:center;}
.Logo a {margin-bottom: 15px;width: 58px;margin-left: 10px;}
.NavBar { width:100%; margin:12px 0 0px;}
.NavBar ul li {width:100%; margin-top:1px}
.NavBar ul li a {width:100%; float:left; padding:15px 0; text-align:center; background:#e8e6e7; color:#666666;}
.NavBar ul li a:hover, .NavBar li a.Active { background:#EF4A53 !important; color:#ffffff;}
.SocialMedia{float:left; margin:15px 0 0 35px;}
.SocialMedia ul li{float:left; margin-left:15px;}
.SocialMedia ul li.fb a, .SocialMedia ul li.twit a, .SocialMedia ul li.gplus a, .SocialMedia ul li.video a { width:39px; height:38px; background-size:285px auto; background-position:0 -55px;}
.SocialMedia ul li.twit a {background-position:-42px -55px;}
.SocialMedia ul li.gplus a { background-position:-84px -55px;}
.SocialMedia ul li.video a { background-position:-127px -55px;}
.SocialMedia ul li.fb a:hover{background-position:0 -93px; }
.SocialMedia ul li.twit a:hover {background-position:-42px -93px;}
.SocialMedia ul li.gplus a:hover { background-position:-84px -93px;}
.SocialMedia ul li.video a:hover { background-position:-127px -93px;}
.Featured{ text-align:center; width:100%; padding:55px 0 50px; background:#353535;height: 217px;}
.Banner{width:100%; height:auto; background:none;margin-top: -30px;}
.slider_text {background: none;height: 100px;}
.Featured h1 {color: #FFFFFF;font-size: 35px;font-weight: normal;padding-top: 15px;}
.Banner p {font-size: 14px;margin-top: 32px;}
.Featured h2{ font-weight:normal; padding-left:0; font-size:18px; color:#FFF}
.AllProduct{ margin:24px 0 0 0px;}
.button { width:200px; padding:20px 0px; font-size:18px; margin:24px 0 0;}
.button:hover, .button:focus { color:#000000; background:#EF4A53; }
.Gallery{width:100%; padding-bottom:0px; min-height:355px; overflow:hidden;}
.CustomWeb{padding:18px 0 60px;margin-top:0;}

.RightText h3{ padding-top:0px; font-size:33px;}
.RightText p{ padding:25px 0 10px;}
.LeftText h3{ padding-top:0px; font-size:22px; text-align:center;}
.LeftText p{ width:92%; margin:0px 4%; padding:25px 0 10px;}
.LeftText h3{ font-size:28px;}
.Testimonial{ width:82%; margin:35px 9% 0; display:none;}
.TestimonialText{ width:100%; margin:10px 0 0px;}
.Dot{ margin-top:5px;}
.FooterSocial{width:216px; float:none; margin:15px auto; clear:both;}
.Footer{ padding:25px 0 35px;}
.Copy{ padding:15px 0 5px;}
#mcts1 {margin: 80px auto 0 !important; }
#mcts1 .navPrev { top:-64px !important; left:97px !important;}
#mcts1 .navNext { top:-64px !important; right:97px !important;}
#Popup{ font-size:20px; max-width:300px;}
#Popup .Title{ font-size:26px;}
#Popup p{ font-size:15px;}
#Popup form{ width:88%;}
#ProjectPop{ max-width:85%;}
.Midcontener .Left, .Midcontener .Right{ width:99%; text-align:center; }
.Midcontener .Right p{ text-align:left;}
.InnerPageS{ width:97%; margin-bottom:80px;}
.InnerPageS .Title{ float:none; border-right:none; width:95%; text-align:center;}
.InnerPageS .StartProject{ float:none; margin:10px auto 0;}
.InnerPageS .Title .DownArrow{ left:50%; top:150px;}
.listingBox1, .listingBox2{ width:95%;}
.listingBox1 .ImgHolder, .listingBox2 .TextHolder{ float:none; width:100%; margin:0 auto;}
.listingBox1 .TextHolder, .listingBox2 .ImgHolder{ width:100%; margin:20px auto 0; float:none;}
.StartProjectBut .Button{ width:80%; font-size:30px;}
.InnerSlider h1{ font-size:60px;}
.listingBox1 .TextHolder h2, .listingBox2 .TextHolder h2{ font-size:24px;}
.listingBox1 .TextHolder p, .listingBox2 .TextHolder p{ margin-top:8px;}
.InnerPageS .ContactHeading .DownArrow{ left:50%; top:90px;}
.ContactForm, .ContactRight{ width:100%;}
.ContactForm ul li input.button:hover { background:#1B1B1B; color:#ffffff;}
.ContactRight p{ width:100%;}
#OurBlog, .midcontent, #Singlepage{ width:300px;}
#OurBlog li{ width:100%; float:none;}
#OurBlog li.mid{ margin:0px;}
#OurBlog li .ImgCon .DateBox{ left:34%;}
.Creative p{ width:99%;}
.Creative .Heading{ font-size:29px;}
#Singlepage .Singleleft, #Singlepage .SingleRight, .MoreForm li{ float:none; width:100%;}
.MoreForm li{ margin-bottom:20px;}
.OurWork{ width:300px;}
.WorkButton{ width:100%;}
.WorkButton li{ float:left; margin:0 0 30px 10px;}
.Box li{ float:left; margin:0 0 15px 0px;}
.LeftRight{ width:108px !important;}
.listingBoxRed, .listingBoxPink{ padding-top:370px; position:relative;}
.listingBox2 .ImgHolder{ position:absolute; left:0px; top:50px; width:100%; }
.listingBox2 .ImgHolder img{ margin:0 auto!important; text-align:center; width:95%; display:block;}
#toPopup{ width:320px!important; margin-left:0px!important; left:0px!important;}
.Midcontener .Right .SeeDetails{ margin-top:20px;}
.CustomWeb1{padding:30px 0;}
.CustomWeb1 h1{ font-size:25px;}
.CustomWeb1 p{ padding-top:20px}
.Power h2{ font-size:20px;}
.Power h3{ font-size:18px}
.Portfolio .BTN{ width:300px; margin:0px; font-size:22px;}
.all_services {margin-left: -18px;margin-top: -5px;width: 300px;}
.single_service a {margin-bottom: 45px;}
.webdes, .brand, .o_market, .d_paint {left:36px;}
.webdes {top: -834px;}
.brand {top: -567px;}
.o_market {top: -303px;}
.d_paint {top: -35px;}
.button:hover, .button:focus { color:#fff; background:#DC343D; }
.start_a_project p {float: none;padding: 35px 0;line-height: 32px;text-align: center;}
.start_a_project .Button {float: none;margin: 0 auto 30px;padding: 30px 0;}
.slider_text p {font-size: 14px;margin-top: 0;}
.GalleryHeading {font-size: 36px;}
.GalleryHeading p {font-size: 18px;}
.CallNow em {display: block;font-size: 28px;margin-top: 25px;padding-left: 0;}
.CallNow span {border-right:0px solid;}
.single_portfolio {width: 94%;margin: 0 auto;margin-top: 25px;}
#portfoliolist .portfolio {width: 98%;}
#back-top{display:none !important;}
.label-bg{display:none;}
.RightText h2 {font-size: 28px;}
.our_services h2 {font-size: 36px;}
.gallery_bottom_arrow {background:none;}
#example1 {border-bottom: 0px solid #EF4A53;}
.ContactForm ul li input.button {margin: 28px 40px;}
.ContactRight{text-align: center;}
.CustomWeb .Wrapper{width: 100%;}
.LED {
  margin-left:0px;
  width: 100%;
}
.RightText {padding: 0 9px;
text-align: center;
width: 95%;
}
.LED img {
  margin: 0 15px;
  width: 90%;
}
.BlackBtn{font-size:21px;}
}