@media only screen and (max-width:1199px) {
/******** TYPOGRAPHY ********/ 
h1 { font-size:42px; }
h2 { font-size:26px; }

/********** HEADER **********/
.wsmenu { width:auto; }
.wsmenu-list > li { margin-left:20px; }
.hero-content h1 { font-size:62px; line-height:68px; }
.hero-content p { font-size:18px; line-height:28px; }
.wsmenu-submenu { right:0; min-width: 150px; }
.wsmenu-submenu li a { font-size:15px; }

/********** SECTION **********/
.midtown-sec { padding:60px 0; }
.midtown-sec.insta-mainsec {padding-top: 0;}
.insta-mainsec .insta-sec {padding-top: 60px;}
.midtown-sec-right figcaption a { height: 80px; margin: -40px auto 0 -40px; width: 80px; }
.midtown-sec-left h2 { font-size:32px; }
.midtown-sec-left h2 strong { font-size: 48px; }
.title-main h2 { font-size:28px; }
.latest-news-post .row { margin-left:-15px; margin-right:-15px;}
.latest-news-post .col-lg-4 { padding-left:15px; padding-right:15px; }
.latest-news-sec { padding: 40px 0; }
.news { margin-bottom: 23px; margin-top: 0; box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.03); }
.news figure { height:168px; }
.news-detail { padding:20px 28px;}
.news-title { height:58px; }
.news-date { margin-bottom:18px; }
.news-detail article { height: 150px; }
.news-date-post { margin-bottom:5px; }
.view-all-news { padding-top: 10px; }
.news-content-sec h2 { font-size:34px; line-height:42px; margin-bottom:16px; }
/*.article-np { width: 41.2%; }*/
.sponsors-sec { padding: 40px 0; }
.sponsors-logo ul li { padding: 0 12px; }

/********** ABOUT **********/
.inner-pages-main { padding: 140px 0 45px; }
.page-content { padding: 15px 0 0 30px; }
.page-title h1 { line-height:42px; }
.page-title h1:before { width:8px; height:42px; background-size:cover; }

/**** DLECTRICITY 2017 ****/
.event-tabs ul li { padding-left:30px; }
.small-box figcaption h2 { line-height:20px; }
.small-box figcaption h2 { margin-bottom:8px; }
.small-box figcaption p { font-size:13px; line-height:18px; }
.bread-crumb { padding-top:35px; }
.bottom-event-list .small-box figcaption { padding:10px; }
.bottom-event-list .small-box figcaption h2 { font-size:12px; line-height:16px; }
.top-image figure > figcaption > h2 { font-size:28px; }
.bottom-event-list-title > h2 { font-size:28px; }
.past-event figure figcaption { padding:35px; }
.past-event figure figcaption h2 { font-size:30px; }
.description-part { max-width: 745px; }
.description-part h2 { margin-bottom:10px; }
.description-part p { margin-bottom:10px; }

.news-content-sec .content{ height:469px;}
.studios-artist-sec h3 { font-size:20px; }
.studios-artist-sec p { font-size: 14px; line-height: 22px; }
.schedule-list-show p {  font-size: 18px; line-height: 26px; }
.schedule-list-show p strong { font-size: 18px; }


/********** FOOTER **********/
footer { padding:20px 0;}

/* 23-08-17 */
.inner-pages-main.news-single-inner .page-title h1{padding:0;font-size: 34px;line-height:42px;}

}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.fancybox-wrap.fancybox-desktop { width:954px !important; left:50% !important; margin-left:-477px; }
.fancybox-wrap.fancybox-desktop .fancybox-inner { width:100% !important;}
.news-content-sec .content { height: 457px; }

}

@media only screen and (max-width:991px) {
/******** TYPOGRAPHY ********/ 
body { font-size:13px; line-height:23px; }
h1 { font-size:36px; }
h2 { font-size: 22px; }
h5 { font-size:16px; }

/********** HEADER **********/
.header-top { height: 100px; padding: 20px 0 0; }
.logo { max-width:215px; }
.top-social-sec { margin-top:0; }
.menu-sec { margin:0px 0 0; }
.wsmenu-list > li { margin-left: 9px; }
.wsmenu-list > li > a { font-size:15px; }
.hero-sec { min-height:485px; }
.hero-content { margin: 101px 0 0; }
.hero-content h1 { font-size: 54px; line-height: 60px; }
.hero-content p { font-size: 16px; line-height: 26px; }
#search form { max-width:680px; }
#search input[type="text"] { font-size:28px; }
.search-btn { font-size:28px; }
#search .close { padding: 10px 20px; right: 0; top: 0; }

/********** SECTION **********/
.midtown-sec { padding: 50px 0; }
.midtown-sec.insta-mainsec {padding-top: 0;}
.insta-mainsec .insta-sec {padding-top: 50px;}
.midtown-sec-left h2 { font-size: 24px; margin-bottom:8px; }
.midtown-sec-left h2 strong { font-size: 36px; }
.midtown-sec-right figcaption a { height: 60px; margin: -30px auto 0 -30px; width: 60px; }
.midtown-sec-left p { font-size: 14px; line-height: 23px; }
.link-big a { font-size:13px; }
.link-big a::after { font-size:17px; top:-4px; }
.latest-news-sec { padding: 32px 0; }
.news { margin-bottom:14px; }
.news figure { height: 128px; }
.news figure figcaption { font-size:22px; }
.latest-news-post .row { margin-left:-10px; margin-right:-10px;}
.latest-news-post .col-lg-4 { padding-left:10px; padding-right:10px; }
.news-detail { padding: 18px; }
.news-title h3 { font-size:15px; }
.news { min-height:485px; }
.news-detail article { height: 185px; }
.title-main h2 { font-size: 24px; }
.sponsors-sec { padding: 32px 0; }
.sponsors-logo ul li { width:24%; }
.sponsors-logo ul li img { max-width:150px; }
.sponsors-logo figcaption { text-align: center; }
.title-main { margin-bottom:10px; }
.news-content-sec { padding: 40px 13px 35px 24px; }
.news-date-post { margin-bottom: 2px; font-size:13px; }
.news-content-sec h2 { font-size: 24px; line-height: 32px; margin-bottom: 10px; }
.news-content-sec p { font-size:13px; line-height:20px; margin-bottom:12px; }
.close-btn { right: 13px; top: 7px; }
/*.article-np { width: 43.3%; bottom: 15px; right: 24px; }*/
.news-detail article p { line-height:21px; }

/********** ABOUT **********/
.inner-pages-main { padding: 100px 0 30px; }
.page-title h1 { line-height:36px; }
.page-title h1:before { width:7px; height:36px; }
.page-content { font-size:14px; line-height:23px; }
.page-content h2 small { font-size:22px; }

/**** DLECTRICITY 2017 ****/
.bread-crumb { padding-top:28px; }
.download-guide h2 { font-size:17px; }
.event-tabs ul li { padding-left:26px; }
.event-listing { font-size:14px; line-height:23px; }
.small-box figcaption { padding:10px; }
.small-box figcaption h2 { line-height:15px; font-size:13px; }
.small-box figcaption h2 { margin-bottom:5px; }
.small-box figcaption p { font-size:11px; line-height:14px; }
.bottom-event-list .small-box figcaption { padding:15px; }
.bottom-event-list .small-box figcaption h2 { font-size:13px; line-height:16px; }
.top-image figure > figcaption > h2 { font-size:22px; }
.bottom-event-list-title > h2 { font-size:22px; }
.top-image figure > figcaption { min-height:70px; }
.top-image figure > figcaption > h2 { padding: 10px 0 2px 17px; }
.past-event-post { padding-top:10px; }
.past-event-post .row { margin-left:-15px; margin-right:-15px;}
.past-event-post .col-lg-6 { padding-left:15px; padding-right:15px; }
.past-event figure figcaption { padding: 25px; }
.past-event figure figcaption h2 { font-size: 26px; margin-bottom:8px; }
.past-event p { line-height:22px; }
.past-event h5 { margin-bottom:0; }
.description-part { max-width: 535px; padding-left: 25px; }
.description-part p { font-size: 14px; line-height: 23px; }
.description-part h2 { margin-bottom: 8px; margin-top: -4px; }
.page-title form input { font-size: 30px; height:40px; margin-top:0;}
.page-title form button { height: 26px; margin-top: 7px; width: 26px; line-height:22px; }
.pagination > li:first-child > a, .pagination > li:first-child > span { font-size:15px;}
.pagination > li:last-child > a, .pagination > li:last-child > span { font-size:15px;}
.pagination { margin: 35px 0 0; }

.news-content-sec .content{ height:360px;}
.article-np { bottom: 0px; left: 0; padding: 0 40px 0 25px; }
.studios-artist-sec h3 { font-size:18px; }
.studios-artist-sec p { font-size: 13px; line-height: 21px; }
.schedule-list-btn { font-size: 24px; min-width: 370px; }
.schedule-list-show p {  font-size: 16px; line-height: 24px; }
.schedule-list-show p strong { font-size: 16px; }
.schedule-list-show hr { margin-bottom: 20px; margin-top: 20px; }
.schedule-list-btn i.fa { font-size:26px;top: 12px; }

/* 23-08-17 */
.inner-pages-main.news-single-inner{padding:100px 0 55px;}
.inner-pages-main.news-single-inner .page-title h1{padding:0;font-size: 24px;line-height:32px;}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.fancybox-wrap.fancybox-desktop { width:730px !important; left:50% !important; margin-left:-365px; }
.fancybox-wrap.fancybox-desktop .fancybox-inner { width:100% !important;}


}

@media only screen and (max-width:767px) {
/******** TYPOGRAPHY ********/ 
h1 { font-size:30px; }
h2 { font-size: 21px; }
h3 { font-size: 19px; }

/********** HEADER **********/
.header-top { height: 75px; padding: 15px 0 0; }
.logo { max-width: 160px; }
.top-social-sec > ul { padding-top: 8px; }
.header-right-sec .top-social-sec ul li { display:none; }
.header-right-sec .top-social-sec ul li:first-child { display:block; }
.top-social-sec ul li { padding: 0 49px 0 0; }
.animated-arrow { margin: 23px 10px 0 0; }
.animated-arrow span, .animated-arrow span::before, .animated-arrow span::after { background: #fff; }
.hero-sec { min-height: 410px; }
.hero-content { margin: 115px 0 0; text-align:center; }
.hero-content::before { background:none; }
.wsmenu { width:100%; background:rgba(228, 62, 123, 0.9) !important; }
.wsmenu-list > li { margin-left: 0;}
.wsmenu .wsmenu-list > li { display:table; width:auto; margin:0 auto; }
.wsmenu > .wsmenu-list > li > a { text-align:center; color:#fff; font-size:18px; border:none; letter-spacing:1px; }
.wsmenu-submenu { min-width: inherit; right: inherit; }
.wsmenu-click { width:auto; right:-25px; }
.wsmenu-click i { color:#fff; }
.mobile-sub .wsmenu-submenu { background-color: inherit; border: none; }
.mobile-sub .wsmenu-submenu li a { background-color:inherit !important; border: none; text-align:center; padding-left:0; padding-right:0; font-size:16px !important; color:#fff !important; }
.mobile-sub .wsmenu-submenu li a:hover { background-color:inherit !important; color: #fff100 !important; text-decoration:none; }
.wsmenu > .wsmenu-list > li > a:hover { background-color: rgba(0, 0, 0, 0.0); color: #fff100; }
.wsoffcanvasopener .animated-arrow { z-index:999; }
.wsoffcanvasopener .logo { position:fixed; z-index:999; }
.mobile-sub.wsmenu-list { padding-top:100px; }
.wsmenu > .wsmenu-list > li > a { padding: 10px;}
.wsoffcanvasopener .animated-arrow { margin-top:16px;}
.wsmenu .wsmenu-list > li:last-child { display:block; }
#search form { max-width:580px; }
#search input[type="text"] { font-size:26px; }
.search-btn { font-size:26px; }
#search .close { padding: 10px 20px; right: 0; top: 0; }
.wsmenu-submenu{ -webkit-box-shadow: 0 0 5px rgba(0,0,0, 0); -moz-box-shadow: 0 0 5px rgba(0,0,0, 0); box-shadow: 0 0 5px rgba(0,0,0, 0); }


/********** SECTION **********/
.midtown-sec { padding: 35px 0; }
.midtown-sec.insta-mainsec {padding-top: 0;}
.insta-mainsec .insta-sec {padding-top: 35px;}
.midtown-sec-left { display: inline-block; margin-bottom: 30px; max-width: inherit; text-align: center; }
.latest-news-sec { padding: 25px 0; }
.news { min-height: inherit; }
.news figure { height: auto; }
.news-title { height: auto; margin-bottom: 6px; }
.news-detail article { display:none; }
.news-date { margin-bottom: 12px; }
.view-all-news { text-align:center; }
.title-main h2 { font-size: 22px; margin-bottom:12px; }
.sponsors-sec { padding: 25px 0 12px; }
.sponsors-logo ul li { width: 49%; margin-bottom:20px; }

/*** popup box ****/
.close-btn { right: 0; top: 8px; }
.close-btn > a { background: rgba(255, 255, 255, 0.9); padding: 12px; }
.news-image-sec { max-width: inherit; width: 100%; }
.news-content-sec { width:100%; max-width:inherit; }
.article-np { bottom: 0; right: 0; width: 100%; position: relative; padding:18px 8px 0 2px; float:left; max-width:inherit; }
.news-content-sec { padding: 18px 10px 12px; }
.news-content-sec h2 { font-size: 22px; line-height: 29px; margin-bottom: 10px; }
.news-content-sec-start { max-width:inherit;}

/********** ABOUT **********/
.inner-pages-main { padding: 75px 0 30px; }
.page-title h1 { line-height:30px; padding: 0 0 0 20px; margin-bottom:14px; }
.page-title h1:before { width:6px; height:30px; }
.page-content { font-size:13px; line-height:22px; padding: 10px 0 0 0; }
.page-content h2 small { font-size:20px; }
.page-content h6 { font-size:14px; }
.page-content ul { margin: 0 0 15px 15px; }

/***** OPEN CALL ******/
.open-call-sec  { min-height:inherit; }
.open-call-sec ul { margin-left:0; }

/**** DLECTRICITY 2017 ****/
.bread-crumb { padding-top: 20px; }
.page-title-np { padding-top: 15px; }
.event-tabs { margin-bottom:25px; }
.event-top-sec { font-size: 14px; line-height: 23px; padding: 0 0 15px; }
.download-guide { text-align:left; margin:15px 0;}
.download-guide h2 { font-size: 20px; }
.event-tabs ul li { padding-left:30px; }
.small-box figcaption { padding: 14px; }
.small-box figcaption h2 { line-height:18px; margin-bottom:5px; }
.small-box figcaption p { font-size:13px; line-height:17px; }
.fancybox-skin { padding:5px !important;}
.top-image figure > figcaption > h2 { font-size:20px; }
.bottom-event-list-title > h2 { font-size:20px; }
.bottom-event-list-title { margin-bottom:15px; }
.bottom-event-list { margin-top:5px; }
.bottom-event-list-title > h2 { margin-bottom:0; }
.past-event { margin-bottom:0; margin-top:15px; }
.past-event-post { padding-top: 0; }
.page-title form input { font-size: 25px; height: 34px; }
.page-title form button { border:none; font-size: 16px; height: auto; margin-top: 5px; margin-left:5px; width: auto; background:none; }
.page-title form button:hover { background:none; color:#484848; }
.page-title p { padding-left: 0; }
.result-box-main { margin-top: 20px; padding-left: 0; }
.description-part { max-width: 455px; padding-left: 25px; }
.description-part p { font-size: 13px; line-height: 20px; }
.pagination { margin: 25px 0 0; }
.studios-artist-sec { margin-bottom:5px; }
.schedule-list-btn { font-size: 22px; min-width: 325px; margin-top:18px; }
.schedule-list-show { padding: 20px 8px 0; }
.schedule-list-show p { font-size: 14px; line-height: 22px; }
.schedule-list-show p strong { font-size: 14px; }



/********** FOOTER **********/
footer { padding: 8px 0 14px; }
.footer-copy { text-align:center; }
.footer-social-sec { text-align: center; width: 100%; margin-top:6px; }
.footer-social-sec ul { float: none; }
.footer-social-sec ul li { display: inline-block; float: none; padding: 0 8px; }


/* My css 14-07-17 */
.fancybox-opened .fancybox-title{ float: left;width:100%;left: 0;right: 0;bottom:5px;}

/* 23-08-17 */
.inner-pages-main.news-single-inner{padding:74px 0 55px;}
.inner-pages-main.news-single-inner .page-title h1{padding: 0;}
.inner-pages-main.news-single-inner .page-content-news{width:100%;}

}

@media only screen and (max-width:640px) {
/******** TYPOGRAPHY ********/ 
h1 { font-size:26px; }
h2 { font-size:18px; }
h3 { font-size:17px; }

/********** HEADER **********/
.hero-sec { min-height: 350px; }
.hero-content h1 { margin: 45px 0 5px; font-size: 42px; line-height: 50px; }
.hero-content p { font-size: 14px; line-height: 23px; }
#search form { max-width:inherit; width:88%; }
#search input[type="text"] { font-size:22px; }
.search-btn { font-size:22px; }
#search .close { font-size:34px;}

/********** SECTION **********/
.midtown-sec { padding: 30px 0; }
.midtown-sec.insta-mainsec {padding-top: 0;}
.insta-mainsec .insta-sec {padding-top: 30px;}
.midtown-sec-left h2 { font-size:21px; }
.midtown-sec-left h2 strong { font-size: 31px; }
.midtown-sec-left { margin-bottom:25px; }

/********** ABOUT **********/
.page-title { padding-top:30px; }
.page-title h1 { line-height:26px; margin-bottom: 10px; padding: 0 0 0 18px; }
.page-title h1:before { width:5px; height:26px; }

/********** NEWS ***********/
.page-content .latest-news-post { padding-top: 10px; }
.load-more-news button { margin-top:13px; }

/**** DLECTRICITY 2017 ****/
.page-title-np { padding-top: 15px; }
.event-list .row { margin-left: -7px; margin-right: -7px; }
.event-list .col-xs-4 { padding-left:7px; padding-right:7px; }
.event-list .col-xs-6 { padding-left:7px; padding-right:7px; }
.event-list .small-box { margin-bottom:15px; }
.event-top-sec { font-size: 13px; line-height: 21px; }
.download-guide { text-align:left; margin:15px 0;}
.download-guide h2 { font-size: 18px; }
.event-tabs ul li { padding-left:30px; }
.small-box figcaption { padding: 8px; }
.small-box figcaption h2 { font-size: 11px; line-height: 14px; margin-bottom: 3px; }
.small-box figcaption p { font-size: 11px; line-height: 13px; }
.event-tabs { margin-bottom:20px; }
.event-tabs ul li { padding-left: 0px; padding-right:18px; }
.event-tabs ul li a { font-size:13px; }
.event-listing { font-size: 13px; line-height: 21px; }
.event-list { margin-top:10px; }
.event-list .small-box { margin-top:15px; margin-bottom: 0px; }
.map-section iframe { height:300px !important; }
.sponsors-logo-box { margin-bottom:0px; margin-top:15px;}  
.bottom-event-list .row { margin-left: -7px; margin-right: -7px; }
.bottom-event-list .col-xs-4 { padding-left:7px; padding-right:7px; }
.bottom-event-list .col-xs-12 { padding-left:7px; padding-right:7px; }
.bottom-event-list .small-box { margin-bottom:15px; }
.bottom-event-list .bottom-event-list-title h2 { margin-top:25px; }
.top-image figure > figcaption > h2 { font-size: 16px; }
.event-top-detail { margin-top:6px; }
.past-event figure figcaption h2 { font-size: 23px; margin-bottom: 5px; }
.description-part { max-width: 295px; padding-left: 20px; }
.description-part h2 { margin-bottom: 5px; margin-top: -5px; }
.description-part p { font-size: 13px; line-height: 19px; margin-bottom: 6px; }
.page-title form input { font-size: 22px; height: 30px; }
.first-main-title { font-size:13px; line-height:18px; }
.studios-artist-sec { margin-bottom:5px; margin-top:5px; }
.studios-artist-sec p:last-child { margin-bottom:10px; }
.schedule-list-btn { font-size: 20px; min-width: 310px; margin-top:15px; }
.schedule-list-btn i.fa { font-size: 24px; top:12px; }
.schedule-list-show { padding: 17px 6px 0; }
.schedule-list-show p { font-size: 13px; line-height: 20px; }
.schedule-list-show p strong { font-size: 13px; }


}

@media only screen and (max-width:480px) {
/******** TYPOGRAPHY ********/ 
h1 { font-size:22px; }
h2 { font-size:16px; }
h3 { font-size:15px; }
h5 { font-size: 14px; }

/********** HEADER **********/
.hero-sec { min-height: 320px; }
.hero-content h1 { font-size: 36px; line-height: 40px; margin: 40px 0 5px; }
.midtown-sec-left p { font-size: 13px; line-height: 22px; }
.link-big a { font-size: 12px; padding-right:15px; }
#search .close { font-size: 26px; }
#search input[type="text"] { font-size: 18px; height:54px; padding-right:40px; }
.search-btn { font-size: 18px; line-height:54px; right:5px; }

/*** popup box ****/
.close-btn > a { padding:8px; }
.close-btn { top:4px; }
/*.news-content-sec { padding: 15px; }
.article-np { padding: 0 12px 12px; }*/
.news-content-sec h2 { font-size: 20px; line-height: 26px; }

/********** SECTION **********/
.latest-news-sec { padding: 20px 0; }
.sponsors-sec { padding: 20px 0 5px; }
.title-main h2 { font-size: 20px; margin-bottom: 10px; }
.sponsors-logo ul li img { max-width: 120px; }

/********** ABOUT **********/
.page-title { padding-top:25px; }
.page-title h1 { line-height:22px; margin-bottom: 8px; padding: 0 0 0 16px; }
.page-title h1:before { width:4px; height:24px; }
.page-content { line-height:21px; }

/**** DLECTRICITY 2017 ****/
.page-title-np { padding-top: 15px; }
.event-top-sec { padding-bottom:0; }
.event-list .col-xs-4 { width:50%; }
.event-tabs ul li { padding-top:10px; padding-left:0; padding-right:15px; }
.event-tabs { margin-bottom: 10px; min-height:45px; }

.map-section iframe { height:200px !important; }
.bottom-event-list .col-xs-4 { width:50%; }
.bread-crumbs { display:none; }
.bread-crumbs.mobile-bread-crumbs { display:none !important; margin-top:12px; min-height:45px; }
.top-image figure > figcaption > h2 { font-size: 14px; }
.top-image figure > figcaption > h2 { margin-bottom: 13px; padding: 5px 0 0 15px; }
.bottom-event-list-title > h2 { font-size: 18px; }
.past-event figure figcaption { padding: 15px; }
.past-event figure figcaption h2 { font-size: 20px; margin-bottom:8px; }
.past-event p { line-height: 19px; }

.page-title form input { font-size: 19px; height: 26px; }
.page-title form button { margin-top: 0px;  }
.description-part { max-width: inherit; padding-left: 0; }
.description-part h2 { margin-bottom: 7px; margin-top: 10px; }
.schedule-list-btn { font-size: 18px; margin-top: 14px; min-width: 270px; padding: 0 44px 0 15px;}
.schedule-list-btn i.fa { right:15px; }

.bread-crumbs ul li:last-child a::after {
    position: absolute;
    right: 0;
    top: -5px;
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 19px;
}
.bread-crumbs ul li:first-child a::before {
    position: absolute;
    left: 0;
    top: -5px;
    content: "\f104";
    font-family: 'FontAwesome';
    font-size: 19px;
}
.bread-crumbs ul li:last-child {
    text-align: right;
}



/* My css 14-07-17 */
.event-list-fancy .col-xs-6 {width: 100%;}

}
@media only screen and (max-width:360px) {
  .studios-artist-sec h3 { width:100%; }
  .studios-artist-sec p { width:100%; }    
}