@media only screen and (max-width:1170px) {
.container { padding: 0px 10px; }
.cnt-lft { max-width: 71%; }
.cap-cnt { padding: 0px 10px; }
footer { height: auto; margin-top: 0px; }
.page { padding-bottom: 0px; }
.box_skitter { width: 100%; height: 180px; }
.box_skitter img { max-width: 100%; }
.rgt-blk3 img { max-width: 100%; }
.camera_fakehover, .banner { min-height: 550px; }
.icon { margin-left: 10px; width: 50px; height: 50px; background-size: 100%; }
.detail h2 { font-size: 18px; }
.blk3 a { display: inline-block; width: 15%; }
.blk3 a img { max-width: 100%; }
.f-blk { min-width: 0px; width: 33%; }
.above-footer-lft { padding-top: 4%; }
.above-footer-lft h2 { font-size: 18px; padding-bottom: 15px; }
.main-warp { min-height: 0px; }
#yu-slider-inner > li, #yu-slider > li { width: 144px !important; }
#yu-slider-inner > li img, #yu-slider > li img { width: 100% !important; height: 100%; }
#client-slider > li { width: 140px; !important;
}
#sb-info, #sb-info-inner { right: 0px; top: -4px; }
#yu-slider-inner > li { height: auto; margin-right: 10px !important; }
.inner-container { padding-top: 50px !important; }
.clients-logo-slider li { width: 25%; }
.clients-logo-slider li img { max-width: 100%; }
.team-outer .team { margin-left: 0px; margin-left: 8%; width: 108%; float: left; overflow: hidden; min-height: 300px; text-align: right; margin-right: 0px; }
.team-outer { margin-left: 0px; margin-left: -8%; margin-right: 0px; }
.profile-image { height: auto; }
.pro-detail h3 { font-size: 15px; }
.pro-detail h3 span { font-size: 13px; }
.new-event-block-outer { margin-left: 0px; margin-left: -10%; width: 110%; margin-right: 0px; }
.new-event-block-outer li { margin-right: 0px; margin-left: 10%; width: 40%; }
.media-art-wrk-outr ul { margin-right: 0px; margin-left: -3%; width: 103%; }
.media-art-wrk-outr li { margin-right: 0px; width: 30%; max-width: none; margin-left: 3%; max-height: none; }
.media-art-detail-rgt ul { margin-left: 0px; margin-right: -3%; width: 103%; }
.media-art-detail-rgt li { margin-left: 0px; width: 30%; margin-right: 3%; height: 150px; }
.media-art-detail-rgt li a::after { height: 150px; }
.media-art-detail-lft { width: 20%; margin-left: 0px; padding-left: 10px; }
.media-art-detail-rgt { max-width: none; width: 80%; }
.company-logo { width: 100%; height: auto; }
.service-blk:last-child { margin-left: 0px; }
.pdf-down li { min-height: 0px; border: none; background: none; height: auto !important; }
}
 @media only screen and (max-width:1050px) {
.box_skitter { width: 100%; height: 150px; }
.c-cap h2, .c-cap h1 { font-size: 21px; line-height: 21px; padding: 15px; min-height: 72px; }
#yu-slider-inner > li, #yu-slider > li { width: 157px !important; }
}
 @media only screen and (max-width:1024px) {
.nav-sec ul li { font-size: 12px; }
.cnt-rgt .new-events h2 { font-size: 18px; }
.box_skitter { width: 100%; height: 135px; }
.cnt-lft { padding-top: 20px; padding-bottom: 20px; }
.cnt-lft h2 { font-size: 24px; font-weight: 600; color: #343E44; padding-bottom: 15px; }
.above-footer-rgt, .cnt-rgt .new-events { padding: 20px; }
.gallery-block li { width: 250px !important; display: table }
.gallery-block li a { width: 100%; display: table-cell; vertical-align: middle; text-align: center; }
.more-btns a { height: auto; line-height: 0px; font-size: 13px; min-width: auto; padding: 20px 10px; }
.events-detail-rgt { padding-right: 20px; }
.events-detail-rgt h3 { padding-bottom: 20px; }
.events-detail-rgt .cnt { padding-bottom: 10px; }
.more-detail-block { padding-top: 15px; }
.contact-bolck-lft ul li p { font-size: 18px; line-height: 40px; }
.contact-bolck-lft ul li span { width: 40px; height: 40px; }
.contact-bolck-lft ul li span img { max-width: 100%; }
}
 @media only screen and (max-width:1000px) {
.f-blk { width: 50%; }
.blk3 a { width: 9%; }
.footer-cnt { padding: 20px 0px; }
.footer-cnt p { padding-top: 5px; padding-bottom: 0px; }
.blk1 li { line-height: auto; }
.icon { margin-left: 10px; width: 35px; height: 35px; background-size: 100% auto; }
.camera_fakehover, .banner { min-height: 450px; }
.footer-cnt li { margin-left: 15px; }
.service-blk { height: 215px; }
.new-event-block-outer { margin-left: 0px; margin-left: -2%; width: 102%; }
.new-event-block-outer li { margin-left: 0px; margin-left: 2%; width: 48%; margin-bottom: 3% !important; }
.past-events-detials h2 { font-size: 14px !important; }
.contact-bolck-lft p span { font-size: 14px; }
.contact-bolck { text-align: right; }
#yu-slider-inner > li, #yu-slider > li { width: 120px !important; }
#client-slider > li { width: 80px !important; }
}
 @media only screen and (max-width:900px) {
nav ul { margin: 0; position: absolute; top: 70px; width: 200px; right: auto; left: 10px; z-index: 6000; text-align: center; display: none; z-index: 9999; background: #DB1B22; -webkit-box-shadow: -1px 4px 5px -3px rgba(0,0,0,0.75); -moz-box-shadow: -1px 4px 5px -3px rgba(0,0,0,0.75); box-shadow: -1px 4px 5px -3px rgba(0,0,0,0.75); padding-bottom: 10px; }
nav li { float: none !important; width: 100%; margin: 0px !important; padding: 0px !important; position: static !important; display: block; text-align: center; }
nav li a { display: block; padding: 8px 0px; }
nav a#pull { display: block; background-color: #283744; width: 100%; position: relative; outline: none; }
nav a#pull:after { content: ""; background: url(../images/nav-icon.png) no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: auto; left: 0px; top: -40px; z-index: 6000; outline: none; }
header { height: 70px; }
.social-icons-top { padding-left: 50px; }
.logo-sec { float: right; position: relative; width: 12%; height: 100px; background: #fff; }
.logo-sec a { display: inline-block; width: 100%; height: 100px; position: absolute; left: 0px; top: 0px; background: url(../images/logo.png) no-repeat center center; background-size: contain; }
.is-sticky .logo-sec a, .is-sticky .logo-sec { height: 70px; }
.box_skitter { height: 120px; }
.pop-content { }
.map { width: 400px; height: 450px; }
.bClose { background: #ED1B24 url("../images/close.png") no-repeat scroll 0% 0%; width: 40px; height: 40px; top: -40px; right: 0px; position: absolute; cursor: pointer; background-size: 100%; }
.inner-banner, .banner-overlay { min-height: 250px; }
.banner-overlay .cnt { padding-top: 17%; }
.inner-banner img { width: 100%; height: 250px; }
.banner-overlay .cnt h2 { font-size: 30px; }
.banner-overlay .cnt p { font-size: 14px; }
.inner-container { padding-top: 25px !important; }
.inner-container h2 { padding-bottom: 15px; font-size: 24px; }
.span1 { font-size: 16px; }
.yu-sec-inner { padding-top: 20px; }
.yu-sec-inner h3 { font-size: 18px; padding-bottom: 20px; }
.service-blk { width: 19.5%; height: 185px; }
.service-blk h3 { font-size: 14px; }
.pro-email { font-size: 13px; }
.events-detail { padding: 15px; }
.events-detail h3 { font-size: 12px; }
.dwn-pdf a, .loc, .date { font-size: 11px; }
.new-event-block-outer li { min-height: 400px; height: auto; }
.past-events-detials { padding: 20px 10px; }
.view-detail { padding-top: 17px; left: 10px; top: 42px; line-height: 11px; font-size: 11px; width: 60px; height: 60px; }
.past-events-detials { width: 60%; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; }
.past-events-detials h2 { font-size: 12px !important; padding-bottom: 5px; }
.type { font-size: 12px; }
.past-events-detials .dwn-pdf a { font-size: 12px; }
.past-events-image { width: 40%; height: auto; }
.past-events-image img { max-width: 100%; }
.past-event-block-outer li { height: auto; margin-bottom: 20px; }
.events-archive-past { padding-left: 10px; padding-right: 0px; }
.events-archive-past .sbHolder { width: 100%; }
.events-archive-past h2 { font-size: 14px; }
.gallery-block li a, .gallery-block li { height: 240px; line-height: 0px; }
#sb-nav a { width: 30px; height: 30px; background-size: 100%; }
.gallery-block h3 { font-size: 16px; }
.events-detail-rgt h3 { font-size: 15px; }
.contact-bolck-lft ul li p { font-size: 15px; }
.contact-bolck-lft ul li span { margin-left: 10px; }
.contact-bolck-rgt li input { height: 45px; }
.contact-bolck-rgt li { padding-bottom: 15px; }
.submit-btn { width: auto; height: auto; padding: 15px 20px; line-height: 0px; font-size: 14px; }
.contact-bolck-rgt { padding-right: 25px; }
#yu-slider-inner > li, #yu-slider > li { width: 115px !important; }
#sb-nav a { width: 30px !important; height: 30px !important; background-size: 100%; }
}
 @media only screen and (max-width:768px) {
.box_skitter { height: 115px; }
}
 @media only screen and (max-width:750px) {
.cnt-lft { max-width: 100%; width: 100%; padding-left: 0px; padding-bottom: 20px; }
.cnt-rgt { width: 100%; margin-top: 0px; }
.new-events-slider { width: 50%; float: left; margin-top: 40px; }
.box_skitter { width: 43.5%; margin-top: 40px; height: 150px; }
.cnt-rgt .new-events h2 { position: absolute; }
.cnt-rgt h2:nth-child(1) { right: 50%; }
.above-footer-rgt { width: 100%; float: right; }
.rgt-blk3 img { width: 100%; }
.f-blk { width: 33%; }
.footer-cnt li { margin-left: 5px; font-size: 11px; }
.blk1 li { line-height: 25px; }
.above-footer-lft { width: 100%; }
.c-cap h1 { min-width: auto; }
.camera_fakehover, .banner { min-height: 350px; }
.c-cap h2, .c-cap h1 { font-size: 14px; line-height: 14px; padding: 15px; min-height: 45px; }
.c-cap { bottom: 30px; }
#sb-nav-close { height: 40px !important; width: 40px !important; background-size: 100%; }
#sb-info, #sb-info-inner { right: 0px !important; top: 5px !important; }
.banner-overlay .cnt { padding-top: 20%; }
.inner-banner, .banner-overlay { min-height: 220px; }
.banner-overlay .cnt { padding-top: 20%; }
.inner-banner img { width: 100%; height: 220px; }
.banner-overlay .cnt h2 { font-size: 18px; }
.banner-overlay .cnt p { font-size: 12px; }
.service-blk { height: 155px; }
#yu-slider-inner > li, #yu-slider > li { width: 151px !important; }
#client-slider > li { width: 120px !important; }
.media-art-detail-rgt li { height: 100px; }
.media-art-detail-rgt li a::after { height: 100px; }
.gallery-block { margin-bottom: 20px; height: auto; }
.gallery-block h3 { font-size: 14px; }
.fashion-iframe { width: 100%; height: 300px; }
}
 @media only screen and (max-width:500px) {
.camera_fakehover, .banner { min-height: 250px; }
p { font-size: 13px; }
.camera_next > span:hover, .camera_next > span { height: 30px; width: 23px; background-size: 100%; }
.camera_next { right: 0px; }
.camera_prev, .camera_next, .camera_commands { top: 60%; }
.camera_prev > span:hover, .camera_prev > span { height: 30px; width: 23px; background-size: 100%; }
.box_skitter { height: 125px; }
.read-more { padding: 5px 10px; font-size: 10px; }
.new-events-slider { border-bottom: none; }
.cnt-lft h2 { font-size: 18px; }
.cnt-lft { text-align: center; }
.f-blk { width: 100%; text-align: center; }
.blk1 { padding-bottom: 10px; }
.above-footer-lft h2 { font-size: 16px; padding-bottom: 4px; }
.siteby { margin-top: 0px; }
.c-cap h2, .c-cap h1 { font-size: 11px; line-height: 11px; padding: 8px; min-height: 40px; }
.map { width: 250px; height: 200px; }
.banner-overlay .cnt { padding-top: 28%; }
.inner-container { text-align: center; }
.service-blk { height: 125px; width: 19.4%; }
.service-blk h3 { font-size: 11px; }
.inner-container h2 { font-size: 18px; }
.service-list li { padding-right: 0px; background: none; font-size: 14px; }
.mid-area-inner { padding-bottom: 20px; }
.clients-logo .bx-controls-direction a:hover, .clients-logo .bx-controls-direction a { width: 30px; height: 30px; background-size: 100%; top: -31px; }
.clients-logo .bx-prev:hover, .clients-logo .bx-prev { right: 41px; }
.pro-detail h3 { font-size: 12px; }
.team-outer .team { min-height: 210px; }
.events-outer { text-align: right; }
.sbHolder { width: 125px; }
.months li { line-height: 22px; }
.months li a { font-size: 12px; }
.new-event-block-outer li { min-height: 440px; }
.events-archive-past { width: 100%; padding-right: 10px; }
.events-archive-past h2 { max-width: 100%; margin-bottom: 10px; }
.year-box { margin-bottom: 20px; }
.months { padding-bottom: 20px; }
.events-sec-past { width: 100%; }
.gallery-block li a, .gallery-block li { width: 180px !important; display: block; height: 155px; overflow: hidden; }
.gallery-block { height: 200px; }
.gallery-block li a img { width: 100%; height: 100%; }
.events-detail-lft { width: 100%; margin-bottom: 20px; }
.events-detail-rgt { padding-right: 0px; width: 100%; }
.events-detail-outer { padding-bottom: 10px; }
.events-detail-rgt .cnt ul { text-align: right; }
.more-btns a { float: none; }
.contact-bolck-lft ul li span { width: 30px; height: 30px; }
.contact-bolck-lft ul li p { line-height: 30px; font-size: 12px; }
.address { padding: 20px 0px !important; text-align: right; }
.address p { font-size: 14px; }
.media-art-detail-rgt li a::after { background-size: 20%; }
.clients-logo .bx-next { left: 48px; }
.c-cap { width: 90%; }
.events-archive { text-align: center; }
.c-cap { width: 90%; right:10px !important; }
.c-cap h1 { min-width: 50px; }
.login-box { width: 100%; height: auto; padding: 5% 2%; float: left; }
.login-btn { float: none; margin: 0 auto; }
}
 @media only screen and (max-width:400px) {
.social-icons-top a { margin-left: -45px; }
.above-footer-lft h2 { font-size: 14px; }
.logo-sec { float: right; position: relative; width: 15%; height: 60px; background: #fff; }
.logo-sec a { display: inline-block; width: 100%; height: 60px; position: absolute; left: 0px; top: 0px; background: url(../images/logo.png) no-repeat center center; background-size: contain; }
.is-sticky .logo-sec a, .is-sticky .logo-sec { height: 45px; }
header { height: 45px; }
.nav-sec { width: 85%; padding-top: 5px; }
.social-icons-top { padding-right: 35px; }
.mr20 { margin-left: 0px; }
.social-icons-top { padding-right: 20px; }
.s1, .s2, .s3, .s4, .s5 { display: none !important; }
nav ul { top: 45px; }
nav a#pull::after { top: -38px; }
.new-events-slider { width: 100%; float: right; margin-top: 0px; }
.box_skitter { width: 100%; margin-top: 0px; height: 150px; }
.cnt-rgt .new-events img { width: 100%; }
.cnt-rgt .new-events h2 { position: static; }
#yu-slider-inner > li, #yu-slider > li { width: 160px !important; }
#yu-slider-inner > li { height: auto; }
.service-blk { height: 200px; width: 100%; background-position: center center; margin-bottom: 5px; }
.inner-banner, .banner-overlay { min-height: 180px; }
.inner-banner img { width: 100%; height: 180px; }
.team-outer { margin-left: 0px; margin-left: 0px; float: none; width: 100%; }
.team-outer .team { min-height: 210px; margin-left: 0px; width: 100%; float: none; display: block; max-width: 100%; }
.profile-image img { width: 100%; }
.events-archive { width: 100%; }
.sbHolder { width: 100%; }
.events-archive h2 { max-width: 100%; }
.events-archive h2, .year-box { margin-bottom: 20px; }
.months { margin-bottom: 20px; }
.new-event-block-outer li { width: 100%; max-width: 100%; margin-left: 0px; }
.new-event-block-outer { margin-left: 0px; width: 100%; }
.events-sec { width: 100%; }
.view-detail { padding-top: 17px; right: 30px; top: auto; width: 60px; height: 60px; left: auto; bottom: 5px; background: #ED1B24; border-color: #ED1B24; color: #FFF; text-align: center; }
.contact-bolck-lft { width: 100%; }
.contact-bolck-lft p span { font-size: 13px; line-height: 18px; }
.contact-bolck-rgt { padding-right: 0px; }
.contact-bolck-rgt { width: 100%; }
.new-events-slider li { width: 300px !important; }
.media-art-detail-rgt li { height: 75px; }
.media-art-detail-rgt li a::after { height: 75px; }
}
 @media only screen and (max-width:350px) {
.camera_fakehover, .banner { min-height: 220px; }
.gallery-block li a, .gallery-block li { width: 150px !important; display: block; height: 155px; overflow: hidden; }
#client-slider > li { width: 100px !important; }
}