/* Mobile Portrait View */

@media screen and (max-width:767px) {

.left, .right{ float:none;}

.boxlayout{ width:auto; margin:0 20px; box-sizing:border-box;}

.container { width:100%; padding:0 15px;}

.header{ padding:0; position:relative; height:auto; }

.header_right{ float:none; text-align:center; width:auto; }

.headerinfo{ padding:10px 0;}

.top-align-right{ text-align:center; }

.pp_topstrip:before, .headerdonate-box, .mainmenu-right-area:before, .mainmenu-right-area:after{ display:none; } 

.logo:after, .logo:before{ display:none}

.logo{ background:none !important; text-align:left; margin:0; float:none; width:60%; position:relative; z-index:999999; padding:15px 0;}

.logo h1{ margin:0; font-size:32px !important;}

.tagline {font-size: 10px;}



.infobox{float:none; margin: 0 auto; padding:15px; }

 

.mainmenu-right-area{ background:none !important; margin-top:19px; width:100%; float: none; position: absolute; top:0; left:0; }

.header.fixed{ position:relative;}

.headernews {line-height: 25px; padding: 10px 0;}

.logo-and-menu{max-height:inherit; background:none !important }

.site-navigation {float:left; width:100%; margin:0; }



.top-align-left, .top-align-right{ float:none; width:100%; text-align: center;}

.pp_topstrip .social-icons{ line-height: inherit; margin-bottom:15px;}

.top-align-right{ padding:0;border-top: solid 1px rgb(204 204 204 / 35%);}

.infobox i{ display:none; }



.header .social-icons{ float:left; margin:0; padding:10px 0; }

/*slider css*/



.slider-main:before{ width:100%;}

.slidecaption-wp{ top:inherit; transform: none; bottom:10%;}

.nivo-controlNav{ display:none !important;}

.nivo-caption{ width:80%; margin:0 auto; text-align:center; }

.nivo-caption h2{font-size: 22px !important; line-height: 30px !important;}

.nivo-caption h2 span{ margin-bottom:0; font-size: 25px;}

.welcomebx{ width:100%; margin:0; float:none; }

#section6 .custombtn{ display:none; }

.news-box-full{ margin:0; width:100%; float:none; }

.news-box-full .news-box .newsdesc { padding:30px;}

.news-box-full .news-box{ padding:0;}

.news-box-full .news-box .news-thumb{ height:auto; margin:0;}

.news-box .newsdesc { padding:0;}

.newsrightcolumn{ width:100%; padding:0; float:none; margin:0 0 25px; height:auto;}

.news-box{ width:100%; padding:15px; float:none; margin:0 0 25px; height:auto;}

.news-box .news-thumb{height:auto;}

.news-box .news-thumb{ width:auto; float:none; margin:0 0 20px 0; }

.news{width:auto; float:none; padding:0;}

#pagearea h2.section_title, #pagearea .right-column-50{ text-align:center; }



.top4box{ width:auto; float:none; margin:0 0 20px; padding:30px; }

.topboxbg{ border:none; padding:0;}

.top4box .thumbbx{ height:auto}

.top4box .thumbbx img{ min-height:inherit}

/*coloumn css*/ 

.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth, .welcome_imgcolumn, .welcome_thumbcolumn, .welcome_contentcolumn, .passion_leftimgbx, .passion_righttextbx, .ind_col3, .planing_leftcontentbox, .planing_videobox, .teammember-list.col4, .blog-post-repeat .post-thumb, .bloggridlayout .blog-post-repeat, .left-column-10, .left-column-20, .left-column-30, .left-column-40, .left-column-45, .left-column-50, .left-column-60, .left-column-70, .left-column-80, .left-column-90, .right-column-10, .right-column-20, .right-column-30, .right-column-40, .right-column-45, .right-column-50, .right-column-60, .right-column-70, .right-column-80, .right-column-90

{float:none !important; width:100% !important; margin:0 0 30px !important;}

.videobox{ width:100%; height:auto;}

.videobox img{ height:auto;}

.welcome_contentcolumn{ padding:0; }

.welcome_imgcolumn{  padding:0; } 

.welcome_imgcolumn img{width:100%;min-height: inherit; } 

.welcome_contentcolumn .counterlist{ margin-top:0;}

.counterlist{ float:none; margin:0 0 30px 0; width:100%;}

.innerbanner{ height:auto; margin:0;}

#pagearea{ height:auto; padding:30px 0 20px;}

iframe{ width:100%; height:auto;}

.welcome_contentcolumn h3 span{ font-size:40px;}

h2.section_title, .sec_content_main_title{ font-size:30px !important; line-height:35px; margin-bottom:20px !important;}



.home .subtitle{ width:100%;}

.passion_righttextbx br{ display:none;}

.pricing_table.pcol3 .price_col{width:100%; float:none; margin-bottom:50px;}

/*gallery css */

ul.portfoliofilter li{ margin-right:5px !important;}

ul.portfoliofilter li a{ padding:5px !important; font-size:10px !important;}

.threecol .entry{ width:auto !important;}

.tabs-wrapper ul.tabs li a{ padding:10px 14px}

.footer .social-icons a{ margin-right:3px;}

.teammember-list{ width:auto; float:none; margin:0 0 10%; text-align:center;}

.member-social-icon a{ margin:0 5px;}

/*sidebar css*/

#sidebar{ width:100%; float:none;}

.sidebar-left{ float:none !important; width:100%;}

.flotRight{ float:none !important;}

#sidebar .services-col .services-content{ padding:8% 11.5%;}

#sidebar #contactform_main input[type=text], #sidebar #contactform_main input[type=email], #sidebar #contactform_main input[type=tel],#sidebar #contactform_main input[type=url], #sidebar #contactform_main textarea

{width:85%; }

/*footer css */

.footer{ width:auto !important; float:none; margin:0;  }

.footer .holderwrap{height:auto;}

.footer .holderwrap img{min-height:inherit;}

.footer .portfolio{ margin:0;}

/* --------- Pages ------- */

.content-area{ width:auto; margin:0; padding:20px !important;}

.site-main{ width:auto; margin:0; padding:0; float:none;}

.contact_left, .contact_right{ float:none; width:100%; margin-bottom:10%;}

.copyright-txt, .design-by { text-align:center; float:none;}

#contactform_main input[type="text"], 

#contactform_main input[type="email"], 

#contactform_main input[type="tel"], 

#contactform_main input[type="url"], 

#contactform_main textarea{

width:100%;

box-sizing:border-box;

}

.area_row{ margin:0 auto;}

/*custom css*/

.searchbox{ width:100%; padding-left:0;}

ol.nav-numbers{ display:none;}

.phone-no strong{ width:auto; display:inherit;}



/*footer css */

.footer{ padding:40px 20px;}

.column-3, .cols-2 .widget-column-1, 

.cols-2 .widget-column-2, 

.cols-3 .widget-column-1, 

.cols-3 .widget-column-2, 

.cols-3 .widget-column-3, 

.cols-4 .widget-column-1, 

.cols-4 .widget-column-2, 

.cols-4 .widget-column-3, 

.cols-4 .widget-column-4, 

.our-services{ 

width:auto !important; float:none; min-height:inherit; margin:0 0 30px; 

}

.footer-col-1, .footer-col-2, .footer-col-3{ width:100%;}

.container.footer { padding:50px 20px 25px}

.slider-main{ min-height:115px; margin:0;}

.header.fixed{ position:relative;}

.skills-wrap{ width:auto;}

#clienttestiminials{ width:100%; padding:0; margin:0; }

#clienttestiminials:before{ display:none; }

#clienttestiminials .tmthumb{margin: 0px 15px 0 0;width: 100px; height: 100px; }

#clienttestiminials .tmthumb img{ width:100%; height:auto;min-height: inherit;}

#clienttestiminials .arrow_box .designation_box{ display:table; }

#clienttestiminials .owl-nav { margin: 50px auto 0 auto; }

.clients-reviews-title { padding: 30px; border-radius: 0; }

.clients-reviews {padding:30px; border-radius:0; margin:0;}



.holderwrap{ height:auto; overflow:hidden;}

.holderwrap img{ min-height: inherit; height:auto;}

.title-icon { padding:10px 0; float:none; width:100%; }

.videos-carousel .videobox {max-height: 215px;}

.thumbnail_image{ width:100%; }

.history_thumbnail_image:after, .welcome_imgcolumn:after, .welcome_imgcolumn:before, .small_image{ display:none;}



#welcomearea, .home section{ padding:70px 0 !important}

.our-artists-right{ padding:30px !important;}

.whatwedo{ width:100%; float:none; display:block; padding:15px 0;}

.whatwedo-info{display: inline; } 

.subtitle br{ display:none;}



.whychooseus_box{ width:100%;}

.whychooseus-thumb {margin: 0 10px 0 0;}

#matchs_slider .owl-nav { top: inherit; right: 0; display:table; bottom:-80px; left: 0; margin:0 auto; width: 125px;}

#matchs_slider .owl-stage-outer{ margin-bottom:50px;}



.nextmatch {padding: 35px 15px;}

.nextmatch h6{ display:none}

.video-border {padding: 50px 30px 30px 30px;}



.woocommerce ul.products li.product .product-thumb{ height: 190px; }

ul.clientlogos li{ width:50%; }

.client-logo-thumb{ height:150px;}



.event-box{ width:100%; margin-bottom: 50px;}



.vertical-page .chartbox{ margin:0 0 30px 0 !important; float:none;}

.chartbox p{ margin:10px 0 0 0 !important}

.easyPieChart{ margin:0 auto;}

.car li, .skills ul li{ width:100%; }



.towimage-wp{ width:100%;}

.thumbnail-image-1, .thumbnail-image-2{ position:relative; top:0; margin:5px 0; width:100%; height:auto;}

.thumbnail-image-1 img, .thumbnail-image-2 img{ width:100%; height:auto;}

}



@media screen and (min-width:300px) and (max-width: 480px){

.blog-post-repeat .post-thumb img{ float:none; margin-right:0; width:100%; height:100%;}

.teammember-list .thumnailbx{ height:auto; visibility:visible;}

.menugallery li{ min-height:60px;}

.slider-main{ min-height:110px; height:auto;}

.fivecol .entry{ width:auto !important}

.nivo-caption p{ margin-bottom:10px; line-height:18px; font-size:13px !important; display:none;}

.nivo-caption .button{ display:inline-table;}

/* Boxlayout CSS*/

.boxlayout .donatenow{ padding:18px 15px; font-size:16px;}

.boxlayout .nivo-caption p{ font-size:12px !important; line-height:14px;}

.boxlayout .nivo-caption h2 span{ line-height:30px;}



}



@media screen and (min-width:481px) and (max-width: 767px){

.container, .content-area, #ourservices .container{ width:400px; margin:0 auto;}

.teammember-list .thumnailbx{ height:auto; visibility:visible;}

.slider-main{ height:auto; min-height:200px;}



}



/* Mobile Landscape View */

@media screen and (min-width:481px) and (max-width: 767px){	

.photobooth .filter-gallery ul li a{ padding:15px 15px 18px;}

/*slider css*/

.nivo-caption p{ display:block !important; line-height:18px;}

.nivo-caption, .nivo-controlNav{ display:block !important;}

.nivo-caption .button{ display:inline-table !important;}

.whatwedo .whatwedo-thumb{ width:75px;}

.news-box h5{ font-size:14px; line-height:18px;}

.news-box p{ font-size:14px; line-height:18px;}

.news-box .PostMeta{ font-size:13px;}

}



/* Tablet View */

@media screen and (min-width:768px) and (max-width: 1169px){

.container { width:auto; padding:0 20px;}

.container.footer { padding:50px 20px;}

.boxlayout{ width:auto; margin:0 20px; box-sizing:border-box;}

.content-area{ width:auto; margin:0; padding:50px 30px 50px 30px !important;}

.member-social-icon a{ margin:0 2px 0 0;}

.footer h5{ font-size:22px !important;}

#sidebar{ width:30%;}

.site-main{ width:65%;}

.slider-main{ min-height:290px; height:auto;}

.innerbanner{ height:auto;}

/*custom  css*/

.BlogPost{ min-height:250px;}

.recent-post h6{ padding-top:7px;}

ol.nav-numbers{ bottom:10%;}

.sidebar-left{ float:left !important; width:30%;}

.sidebar-left #sidebar{ width:100%;}

h2.section_title, .sec_content_main_title{ font-size:40px !important;} 



.welcome_contentcolumn ul.list-style{column-count:1; -moz-column-count: 1; -ms-column-count: 1; -webkit-column-count: 1; margin:0;}

.thumbnail_image{width:90%;}

.history_thumbnail_image:before{ top:-25px;}

.history_thumbnail_image:after{ right:0; }



.shows-list .our_show_column {margin-bottom: 30px;}

.shows-list .our_show_column .show-date {padding: 20px 5px;width: 80px;margin: 0 10px 10px 0;}

.shows-list .our_show_column .show_info span{ font-size:14px;}

.shows-list .our_show_column .custombtn{ margin-top:20px;}

.whatwedo h4{ font-size:18px; }



.photoalbum .photoalbum-content .sec_content_main_title { font-size: 25px !important; line-height: 30px; }

.photoalbum .photoalbum-content a.morebutton { padding:10px; }



.video-section {  padding: 30px 30px;}

.video-section .videobox h3{ display:none; }



}



@media screen and (min-width:768px) and (max-width: 980px){



.top-align-left{ width:25%; }

.top-align-right{ float:left; }

.logo{ text-align:left;  padding:10px 15px; }

.logo h1{ margin:0;}

.logo:before{ display:none; }

.header{ position:relative; padding:0; height:auto; }

.logo-and-menu{ height:auto;}

.headerdonate-box{    margin: 0; position: absolute; right: 140px; top: 85px;}

.mainmenu-right-area{ position:relative; z-index:9999; margin:0;}

.mainmenu{width: 100%; border-radius: 0; padding: 0; margin-bottom: 0; margin-top: 0;  position: absolute; right:0; top:50px;}

.toggled .menu{ top:45px; }

.menu-toggle{ top:-15px; }

.header_right{ float:none; width:auto; padding:0 0 10px 0; text-align:center;}

.headerinfo{ padding-bottom:10px;}

.header .social-icons {float: left; margin: 0; padding: 10px 0;}

#section9 { background-size: 100% auto !important;}

.teammember-list .thumnailbx{ height:190px;}

.teammember-list .thumnailbx img{ min-height:190px;}

.teammember-list .titledesbox{ padding:15px 15px 0 15px; }

.teammember-list h5.title {margin: 0; font-size: 16px; }

.welcomebx{ width:100%; margin:20px 0 0 0;}

.threecol .entry{ width:243px !important;}

.nivo-caption h2{ font-size:35px !important; line-height:40px !important;}

.nivo-controlNav{ text-align:center; }

.nivo-caption h2 span { margin-bottom:0; font-size:20px;}

.welcome_contentcolumn h3 span{ font-size:50px;}



.ind_col3 .ind_thumb{ float:none; margin:0 auto 0 auto; }

.ind_col3{ padding:15px; text-align:center}

.ind_col3 i, .ind_info{ float:none !important; width:100% !important; text-align:center; padding:0;}

.services-title h4{ font-size:18px; }

.ind_col3 h4{ font-size:22px;}

.teammember-list cite{ font-size:14px;}

.bloggridlayout .post-thumb{ height:160px;}

.bloggridlayout .post-thumb img{ min-height:160px;}

.event_thumb {height:220px;}

.event_thumb img{ min-height:220px;}

.our_event_box .event_info { padding: 20px 15px 40px;}

.footer .threecol .entry{ width:50% !important}

.campaign-detail .campaign-detail-thumb{ width:100%;}

.campaign-detail .campaign-detail-info{ width:100%; margin:0; }

.news-box-full{ width:80%; margin:0 auto; float:none}

.news-box-full .news-box{ width:100%; padding:0;} 

.newsrightcolumn{ width:100%; padding:0; }

.news-box{ width:33.333%; padding:15px; float:left; border-radius:0; }

.news-box .news-thumb{ width:100%; }

.newsdesc { padding: 15px 0;}

.our-services-thumb {margin: 0 15px 0 0;}

.nivo-caption p{ margin-bottom:20px;}

body.home section {padding:60px 0;}

.news-box .news-thumb{ height:180px;  }

.news-box .news-thumb img{ min-height:180px; }

.news-box .news-thumb:before{ width:100%; margin:0;}

.news-box:hover .news-thumb:before { width:100%; margin:0; height: 100%;}

.nivo-caption{width: 34%; left: 6.5%; position:relative; }

.our-artists-right{width:68.5% !important; padding-left:150px}

.workinghours .left, .workinghours .right{ float:left;}

.boxlayout{margin:0;}

.whatwedo .whatwedo-thumb{ width:75px;}

.news-box p{ font-size:14px; line-height:18px;}

.news-box .PostMeta{ font-size:13px;}



.top4box { padding:20px 0 20px 20px}

.topboxbg {padding: 0 20px 0 0;}

.infobox {padding: 28px 15px 28px 35px;}

.top4box .thumbbx {width: 150px; height:150px; }

.top4box .thumbbx a {line-height: 150px;}

.top4box .thumbbx img{ width:70px;} 

.welcome_imgcolumn img{ min-height:inherit !important; max-width: 300px;}

.welcome_imgcolumn:after { height: 160px; width: 160px; bottom: -50px; }

.welcome_imgcolumn:before { height: 140%; width: 100%; background-size: 100% auto; }

#countdown1, #countdown2, #countdown3, #countdown4, #countdown5, #countdown6, #countdown7, #countdown8, #countdown9, #countdown10{ padding:25px 15px; }

.nextmatch h6{ display:none; } 

.nextmatch{ padding:35px 20px;}

.video-border {width:50%; padding:40px 20px 20px 20px; margin:0; }

.whychooseus_box {padding: 5px;}

.whychooseus_box_bg { padding: 30px 15px;}

.whychooseus-counter h3 { font-size: 45px;}

.whychooseus-counter {margin: 0 10px 0 0;}

.counter-icon {width: 40px; margin: 0 10px 0 0;}



.clients-reviews-title, .clients-reviews{ width:70%; margin:0 auto; display:block; float:none; margin-bottom:30px;}

#clienttestiminials .tmthumb { width: 150px; height: 150px; margin-top:40px;}

#clienttestiminials .tmthumb img{ min-height:150px; } 

#clienttestiminials .arrow_box .designation_box p{ display:table; }





#section6 a.morebutton{ padding:16px 30px; }

.event-box-bg .event_thumbnail {height:220px;}

.event-box-bg .event_thumbnail img{min-height:220px;}



.easyPieChart, .easyPieChart canvas{ line-height: 100px !important;  width:100px !important; height:100px !important; }

.vertical-page .chartbox { margin: 0 10px 0 0 !important; }

.chart{ font-size:20px !important}

.chartbox p{ margin-top:10px !important; width:100px; font-size:10px;}



.thumbnail-image-2 {

    top: 50%;

    width: 210px;

    height: auto;}

}



@media screen and (max-width:1023px) and (min-width:981px) {

.mainmenu-right-area{ position:relative; z-index:9999; margin:0;}

.mainmenu{width: 100%; border-radius: 0; padding: 0; margin-bottom: 0; margin-top: 0;  position: absolute; right:0; top:50px;}

.menu-toggle{ top:-40px; }

.header .social-icons {float: left; margin: 0; padding: 10px 0;}



.clients-reviews-title, .clients-reviews{ width:70%; margin:0 auto; display:block; float:none; margin-bottom:30px;}

#clienttestiminials .tmthumb { width: 150px; height: 150px; }

#clienttestiminials .tmthumb img{ min-height:150px; } 

#clienttestiminials .arrow_box .designation_box p{ display:table; }



.event-box-bg .event_thumbnail {height:220px;}

.event-box-bg .event_thumbnail img{min-height:220px;}



.menu-toggle {top:0;}

.toggled .menu{ top:78px;}



}

@media screen and (max-width:1169px) and (min-width:981px) { 

html{overflow-x:hidden; }

.logo{ float:left; width: 430px;}

.header_right{ float:right; width:75%}

.footer h5{ font-size:24px !important;}

.threecol .entry{ width:317px !important}

.nivo-caption{ left:2.5%; position:relative;  }

.nivo-caption h2{ line-height:55px;}

.nivo-controlNav{ max-width:inherit; width:auto; left:32%; }



.news-box .PostMeta span{ font-size:11px;}

.videobox{ width:100%; height:100%;}

.teammember-list .thumnailbx{ height:250px;}

.teammember-list .thumnailbx img{ min-height:250px;}

.footer .threecol .entry{ width:49% !important}

.videos-carousel .videobox {max-height: 225px;}

.news-box .news-thumb{ height:140px;}

.news-box .news-thumb img{ min-height:140px; }

h2.section_title, .sec_content_main_title{font-size:50px !important; }



.nextmatch{ padding:55px 10px; }

.video-border {padding: 40px 30px 10px 100px;}

.whychooseus_box { padding:10px; } 

.whychooseus-thumb{ width:50px; margin:0 15px 0 0; }

.whychooseus_box_bg {padding: 20px; }

ul.clientlogos li{ width:16.666%; }



.welcome_imgcolumn:before{ background-size:100% auto; }

#clienttestiminials .arrow_box .designation_box p{ display:table; }





.easyPieChart, .easyPieChart canvas{ line-height: 130px !important;  width:130px !important; height:130px !important; }

.vertical-page .chartbox { margin: 0 10px 0 0 !important; }

.chartbox p{ margin-top:10px !important;}



#section9 { background-size: 100% auto !important;}



.event-box-bg .event_thumbnail {height:220px;}

.event-box-bg .event_thumbnail img{min-height:220px;}

}



@media screen and (max-width: 1023px){	

.mainmenu-right-area{ float:none;}

.site-navigation a, .site-navigation .menu ul a{ padding:10px 20px;}

.site-navigation ul li{border-top:1px #cccccc solid; display:block; float:none; text-align:left; border-right:none;}

/*.site-navigation ul li:first-child{ border-top:none; }*/

.logo img{ height:auto !important;}

.innerbanner{ height:auto;}

.header{  position:relative; z-index:999999;}

.mainmenu{  width:100%;  border-radius:0; padding:0; margin-bottom:0;margin-top:0;}

.donatenow{ position:relative; margin:0; display:block; text-align:center;}

#footer-wrapper{ background-size:cover !important;}

.toggle a{ padding:10px 25px;}

iframe{ height:auto !important;}

}

@media screen and (min-width:1210px) { 

	.boxlayout .header.fixed{width:1210px; margin:0 auto; overflow:hidden}

}