@media (min-width:992px){
.col-md-9.main-content, .col-lg-9.main-content { -webkit-box-flex: 0;  -ms-flex: 0 0 71%;  flex: 0 0 71%;  max-width:71%;}
.col-md-3.sidebar, .col-lg-3.sidebar { -webkit-box-flex: 0;  -ms-flex: 0 0 29%;  flex: 0 0 29%;  max-width:29%;}
}

@media (max-width:991px){
.col-md-9.main-content, .col-lg-9.main-content { -webkit-box-flex: 0;  -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width:100%;}
.col-md-3.sidebar, .col-lg-3.sidebar { -webkit-box-flex: 0;  -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width:100%;}
}

.btn-inverse { border: 1px solid var(--theme-red);  border-radius: 3px;  padding: 10px 14px;
    font-size: 15px; color: var(--theme-red); line-height: 1em; font-weight: 500;font-family: 'Montserrat', sans-serif;
    transition: all .2s ease; background:none; }

/*------------------- Banner ------------------*/
#banner{width:100%; position: relative;}
#banner img{width:100%;}
/* #banner figure{margin-bottom: 0 !important} */
#banner figcaption{position:absolute;background:rgba(0,0,0,.5); left: 0; 
right: 0; bottom: 0; top:0;  z-index: 10; padding:20px; align-items:center; text-align:left; display:flex;}
#banner figcaption h1{color:#fff; font-size: 60px; line-height:1.1em; margin-bottom:15px; font-weight:500; 
font-family: 'Montserrat', sans-serif;}
#banner figcaption p{font-size: 18px; line-height: 1.3em; margin-bottom:50px; color: #fff;}
#banner ul.statics li{float:left; font-size: 15px; line-height: 1.3em; opacity:.8; color:#fff; margin-right: 30px;} 
#banner ul.statics li + li{border-left:1px solid rgba(255,255,255,.5); padding-left: 30px;}
#banner ul.statics li strong{display: block;font-size:30px; font-weight:700; margin-bottom: 5px; line-height:.8em;}
#banner ul.statics li strong span{font-size: 12px; display: inline-block; line-height: 1em; font-weight: 600; 
	margin-left: 5px}
#banner.dark-theme figcaption h1{color:#009bfe;}
#banner.light-theme figcaption h1{color:#000}
#banner.light-theme p{color:#000;} 
#banner.light-theme figcaption{background: none;}

#banner.detail-page figcaption h1{font-size:52px}
#banner.detail-page, #banner.cat-page{overflow:visible;}
#banner.detail-page figure, #banner.cat-page figure{max-height:320px; overflow: hidden; margin-bottom: 0;}
#banner.detail-page img, #banner.cat-page img{object-fit: cover; width: 100%; height: 100%;}
#banner.detail-page figcaption p{margin-bottom: 20px;}
#banner.dark-theme figcaption h1{color:#009bfe;}
#banner .event-meta{font-size:18px; font-weight:bold; width: 100%; color:#fff;}
#banner.light-theme figcaption h1{color:#000}
#banner.light-theme p, #banner.light-theme .event-meta{color:#000;} 
#banner.light-theme figcaption{background: none;}


@media screen and (min-width:992px){#banner .btn-primary, a.btn-primary {padding:14px;}} 


@media screen and (min-width:1400px){#banner .slick-dots{bottom:45px;} }

/*------- Content ------*/
#content{padding-bottom: 40px;}
.section{padding:50px 0 0;}
.section.alt{background:#fff;}
body.category-page #content{padding-top: 40px !important;}

/*----- box1 ------*/
.box1{background:#fff; padding: 30px; border:1px solid var(--gray-border);}
.sidebar .box1{padding: 20px;}

/*---- Heading style ------*/
.hdng1 {margin-bottom:30px; position: relative; padding-bottom: 20px;}
.hdng1 h2{text-transform:uppercase; font-size: 24px; line-height: 1.2em; font-family: 'Montserrat', sans-serif;}
.hdng1 span{display:block; padding-top:7px; color:var(--gray-dark); font-size: 15px; line-height:1.2em;}
.hdng1:after{width:260px; height: 2px; content:""; position:absolute; left:50%; margin-left:-130px; bottom:0; 
display: block; content:""; background:var(--theme-red)   }

.hdng2{margin-bottom: 10px; font-weight:500; color: var(--gray-light); font-size: 16px;}

/*------- Accordion (Event Listing) ----*/
.accordion {background:#fff; border:1px solid var(--gray-border); cursor: pointer;  padding:16px 30px 13px;  display: block; border-width:1px 0 0; text-align: left; outline: none;
  font-size: 15px; transition: 0.4s; position: relative; width: 100%; font-family: 'Montserrat', sans-serif; }
.box1 .accordion-panel{margin-left:-30px; margin-right: -30px; margin-bottom:-20px}
.accordion span.toggle{content: ''; width:18px; height:18px; float: right; margin-left: 5px; color:var(--theme-red);
background-image:url(images/masterclass-sprite.png); background-position:-91px 0; margin-top:15px; font-weight:300;}
.accordion.active span.toggle{background-position:-112px 0; }
.accordion .meta{display: block; color:var(--theme-red); margin-bottom: 3px; line-height: 1.2em; font-size: 14px; 
font-weight:500;}
.accordion .meta span, .display-style2 .meta span{font-weight:300; margin:0 3px; display: inline-block;
    color: #fff; border-left: 1px solid #999; height: 14px; position: relative; top:-1px; vertical-align: middle; width: 1px; }
.accordion h2{font-size: 24px; font-weight:normal; line-height: 1.2em; margin:0;}

/*----- Panel -------*/
.panel {max-height: 0; overflow: hidden;   transition:max-height 0.2s ease-out;}
.panel.show{max-height:inherit; overflow:visible;}
.panel .inner{padding:0px 30px 20px;}
.panel p{font-size: 14px; line-height: 1.3em; margin-bottom:15px; color:var(--gray-dark); }

/*----- Speakers ----*/
.speakers li{float: left; width: 126px; font-size: 12px; color:var(--gray-light); margin-bottom: 20px; padding-right:20px;}
/*.speakers li + li{margin-left: 20px;}*/
.speakers li img{display:block; width: 100%; margin-bottom:8px;}
.speakers li h3{font-size: 14px; font-weight: 600; margin-bottom:6px; color:#000;}
.speakers .slick-dots{bottom:auto; top:-28px; text-align:right; right: 0; left: auto; width: auto; }
.speakers .slick-track{margin-left:0;}
.speakers li span{display:block; max-height: 42px; overflow: hidden;} 
.speakers .slick-prev, .speakers .slick-next, .speakers .slick-prev:hover, .speakers .slick-next:hover, 
.speakers .slick-prev:focus, .speakers .slick-next:focus{background-image:url(images/masterclass-sprite.png);  width: 18px;
    height: 22px;  top: -20px; opacity: .4; border: 1px solid #888; border-radius: 2px;}
.speakers .slick-prev:hover, .speakers .slick-next:hover{opacity:.8;}
.speakers .slick-prev:before, .speakers .slick-next:before{display:none;}
.speakers .slick-prev{background-position:3px -67px; left:auto; right:35px; }
.speakers .slick-next{background-position:-11px -67px; right:10px; }


/*---- Price-Unit -----*/
.actual-price{margin-bottom:10px; color:var(--gray-light); font-weight:400; line-height: 1.1em;}
.actual-price span{position:relative;}
.actual-price span:after{position:absolute; width: 100%; height: 2px; transform:rotate(-10deg);left:0; top:50%; 
	display:block; content:""; background:var(--theme-red); }
.price h4.offer, .booking-panel h4.offer{font-size:16px; font-weight:600; margin-bottom: 12px; line-height: 1em; color:var(--theme-red);}
.price{margin-bottom:15px;}
.price .offer{display:block; color:var(--theme-red); font-size:16px; margin-bottom:6px; font-weight:600;}
.price .currency{float:left; border: 1px solid var(--gray-border); margin-right:8px; padding-right: 22px; 
	position: relative; color: var(--theme-red);  font-size:26px; font-family:arial; padding: 8px 24px 7px 7px;
    border-radius:4px; line-height: .9em; width: 50px; height:40px; }
.price .currency span.selected{position: relative; z-index: 10;}
.price .currency .fa{position:absolute; right: 7px; top:10px; z-index: 10; font-size: 18px; color:var(--gray-light);}
.price .value{float:left; font-size: 28px; margin-right:5px; font-weight:600; line-height:1.3em; }
.price .currency ul.currency-list{position: absolute; top:36px; left: -1px; border:1px solid var(--gray-border);
 border-radius:0 0 4px 4px; z-index: -1;  border-top-color:#fff;
background:#fff; opacity: 0; transition:opacity .2s ease;}
.price .currency ul.currency-list.show{opacity: 1; z-index: 11;}
.price .currency ul.currency-list li{list-style: none; border-bottom: 1px solid var(--gray-border); padding: 7px 10px;
    font-size: 18px; color: var(--gray-light); cursor: pointer; width:48px; text-align:center;}
.price .currency ul.currency-list li:hover{color:var(--theme-red); background:#eee;}
.price .currency ul.currency-list li:last-child{border:0; border-radius:0 0 4px 4px;}
.price .tax{float: left; color:var(--gray-light); font-size: 16px; font-weight:600; padding-top:11px;}


/*------- Request-training ----*/
.request-widget{text-align:center; padding-top: 16px; }
.request-widget h2{font-size:30px; line-height:1.1em; margin-bottom: 20px;}
.request-widget button{display: block; line-height: 1.2em; margin:0 auto; font-weight:500;}

.regular-text{font-size:16px; line-height:1.3em; margin-bottom: 20px;}
.wdgt{margin-bottom:40px;}

/*------Testimonial ------*/
.testimonial.wdgt{background:none; padding:0; text-align: left; }
.testimonial blockquote{padding-left:35px; font-size:18px; font-weight:500; color:var(--gray-dark); margin-bottom: 20px;
position: relative; }
.testimonial blockquote i.quote{color:var(--theme-red); width: 25px; height: 17px; position:absolute; left: 0; top: 3px; 
	z-index: 2; display: block; background-position:-137px 0; }
.testimonial cite{font-size: 14px; color:var(--gray-dark); padding-left: 35px; display: block; }
.testimonial cite strong{display:block; color:var(--theme-red); font-weight:600; }
.testimonial .slick-dots{text-align:left; padding-left: 30px;}


/*-------- Featured Widget ------*/
.featured .course{position: relative; min-height:335px;}
.featured .desc{max-width:60%;}
.featured .course .tag{font-size: 20px; position: relative; margin-bottom: 8px; padding-bottom: 8px;}
.featured .course .tag:after{height: 1px; width: 50px; position: absolute; left:0; bottom:0; background:var(--theme-red);
content:""; display:block; }
.featured .box1 img{position: absolute; bottom:0; right:0px; z-index: 5; max-width:40%;} 
.tag{display: block; font-weight:600; font-size: 14px; color:var(--theme-red); display:block; margin-bottom: 5px; 
	line-height: 1em;}
.course h2{margin-bottom: 12px; font-size: 30px; line-height: 1.1em;}
.course .meta{font-size: 18px; font-weight:bold; margin-bottom: 18px; color:#000;}
.course .meta .dvdr{color:#888; margin:0 6px; font-weight:200; display: inline-block; color: #fff; 
	border-left: 1px solid #999; height: 18px; position: relative; top: -1px; vertical-align: middle; width: 1px;}
.featured .slick-dots{bottom:10px;}
.featured .slick-dots button:before{font-size: 32px;}
.featured .slick-dots .slick-active button:before{color:var(theme-red);}

/*---- Display-style1 -------*/
.display-style1 .box1.data-video-box{cursor:pointer;}
.display-style1 .box1 figure{margin-bottom: 15px; overflow: hidden; position: relative;}
.display-style1 .box1 figure .fa{position: absolute; left: 50%; top: 50%; font-size:58px; margin:-29px 0 0 -29px;
color:#fff; opacity:.8; z-index: 10; }
.display-style1 figure img{width:100%; transition: all .5s ease;}
.display-style1 figure:hover img{transform:scale(1.1); }
.display-style1 h3{margin-bottom:8px;}
.display-style1 p{font-size: 14px; color:var(--gray-dark); line-height: 1.3em; margin-bottom:0px;}
.display-style1 .slick-slider li.col-md-4{width: 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; max-width: 100%; }
.display-style1 .slick-dots{bottom:-45px;}

/*---- Display-style2 -------*/
.display-style2 li{list-style:none;  margin-bottom: 25px; }
.display-style2 .meta{display: block; color:var(--theme-red); margin-bottom: 5px; line-height:1.2em;
    font-size: 14px; font-weight:500;}
/*.display-style2 h3 {font-size:20px;font-weight: normal; line-height: 1.2em;  margin:0 0 10px;}*/
.display-style2 h3 a{color:#000;}
.display-style2 p {font-size: 13px; color:var(--gray-light); line-height: 1.3em; margin-bottom: 15px;}
.display-style2 a.more {font-size: 14px;  color:var(--theme-red); text-decoration: none; }
a.more .fa { position: relative; margin-left: 10px; font-size: inherit; font-size: 16px; font-weight:600; transition: all .2s ease}
a.more:hover .fa { transform: translateX(5px); text-shadow: -5px 0 #ccc;}


/*----- Categories-Widget ------*/
.categories .hdng1:after{display:none;}
.categories .hdng1{border-bottom:2px solid var(--theme-red); padding-bottom: 10px; margin-bottom:20px;}
.categories .hdng1 span{padding-top:0;}


/*----- List-style1 ----*/
ul.list_style1 li{list-style:none; position: relative; padding-left: 40px; padding-bottom: 13px; margin-bottom: 13px;
border-bottom:1px solid var(--gray-border); font-size:13px; color:#000; line-height:1.5em; text-transform:uppercase;
font-weight:600; cursor:pointer;}
ul.list_style1 li img{position: absolute; left:0; top:-3px; z-index: 2; max-height:25px;  }
ul.list_style1 li:last-child{border:0; margin-bottom: 0; padding-bottom: 0;}
ul.list_style1 li.active a, .main-header .city ul li.active a{color:var(--theme-red);}
@media screen and (min-width:992px){ 
ul.list_style1 li a:hover{color:var(--theme-red);}
}


/*----- Social Widget Style Over-writes ----*/
.social-media .social_panel{background:none; padding:0; max-height: inherit; overflow:visible; border:0;}
.social-media .social_panel .container{padding:0;}
.social-media .social-wdgts .card{border:1px solid var(--gray-border); margin-bottom:20px;}
.social-media .social-wdgts .card .body-txt{min-height:150px;}
.social-media .user-meta{display:none;}
.row.social-wdgts{margin-left: -10px; margin-right: -10px;}
.row.social-wdgts .col-md-4{padding:0 10px;}
.loadmore .btn-inverse{background:none; border-color:var(--gray-border); color:#888;}
.loadmore .btn-inverse:hover{background:none; border-color:#555; color:#333;}

/*------- Footer ------*/
.white-bg #footer{background:#f9f9f9;}
#footer { background:#fff;padding:20px 0 20px; text-align: left;}
#footer .top-sctn { border-bottom: 1px solid var(--gray-border); padding-bottom:20px;margin-bottom:30px;}
#footer img.brand { width: 221px;  max-width: 100%;}
#footer .socials{float: right; padding-top: 12px;}
#footer .socials a, #footer .socials span { display: inline-block;  margin: 0 5px; line-height: 27px; color:var(--gray-dark);
	font-size: 14px;}
#footer .socials a { width: 28px;height: 28px; text-align: center; border: 1px solid var(--gray-border);
    border-radius: 50%; font-size: 14px;}
#footer nav li { padding: 0 0 10px; border-bottom: 1px solid var(--gray-border); margin-bottom:10px; display: block;}
#footer nav li:last-child{border-bottom: 0; margin-bottom: 0;}
#footer ul li a {color:var(--gray-dark);}
#footer li a:hover, #footer .events_lst li a:hover , #footer .socials a:hover{color:var(--theme-red);}
#footer .socials a:hover{border-color:var(--theme-red);}
#footer p, #footer ul li { font-size: 16px; color:var(--gray-dark);  line-height: 1.3em; font-weight:400;}
#footer p.copyright{font-size:14px;}
#footer .contact section {padding-left:30px; position: relative; margin-bottom:25px;}
#footer .contact section .icon { position: absolute; z-index: 10; left: 0; top: 3px;}
#footer .contact section .icon.marker { width: 16px; height: 24px; background-position:0px -26px; left:4px; top:0; 
opacity:.3;}
#footer .contact section .icon.phone { width:22px; height: 22px; background-position:-29px 0; left:0px; top:-1px;}
#footer .contact section .icon.email { width:31px; height: 22px; background-position:-59px 0; left:0px; top:0;}
#footer .contact h5, .subscribe-form h5 { font-size: 14px; color: #000; line-height: 1.2em; margin-bottom:20px;
    text-transform: uppercase;}
.subscribe-form form {position: relative;}
#footer .subscribe-form h5{font-weight:400; font-size:12.5px; margin-bottom: 10px;}   
.subscribe-form input[type="text"] {border: 1px solid var(--gray-border); width: 100%; padding: 0 10px; height: 38px; color: #a8a8a8; font-size: 14px;
    display: block; background: none; box-sizing: border-box; border-right: 0; transition: all .2s ease;} 
.subscribe-form input[type="submit"] { width: 95px; text-align: center; height: 38px; position: absolute; z-index: 1;
    right: 0; top: 0;  border: 0; background:var(--theme-red); color: #fff; font-weight: 300; font-size: 14px; 
-webkit-appearance:none; -moz-appearance:none; appearance:none;}
#footer .events_lst li figure{margin-bottom: 10px;  max-height: 60px; overflow: hidden;  display: none;}
#footer .events_lst li figcaption span{display: block; font-size: 80%;}
#footer .events_lst h3 {color: #000; margin-bottom: 20px; text-transform: uppercase; font-size: 14px;}    
#footer .events_lst li { font-size: 12px; font-weight: 300;  line-height: 1.2em;  margin-bottom: 20px;}
#footer .events_lst li a{color:var(--gray-dark)}
p#subcribe_response_pop.error{font-weight:400;}

.empty-data{font-size:24px; opacity: .5; margin-bottom: 35px;}
.empty-data span{font-size:80%;}
.empty-data a{color:#0065a1;}

/*---- Page-banner For Static pages ---*/
#page-banner {margin-bottom:40px;}
#page-banner .wrapper{max-width:1150px; margin:0 auto;}
#page-banner img{width:100%;}
#page-banner {position:relative;}
#page-banner figcaption{width:100%; position:absolute; left:0; bottom:0; z-index:2; line-height:1.4em; font-size:28px;  color:#fff; }
#page-banner .desc{width:590px; background:rgba(0,0,0,.78); padding:25px;}
#page-banner .desc h1{line-height:1.2em; font-size:38px; font-weight:300; margin-bottom:5px;}
#page-banner .desc p{font-size:27px; font-weight:300; line-height:1.2em; margin-bottom:10px;}
#page-banner .desc span{display:block; font-size:24px; line-height:1em;}

/*-------- Mobile header -----*/
#m_header{background:#fff; padding:10px; height:64px;}
#m_header .toggle-nav{padding:2px 5px 5px; float: left; width:35px; border:0; background:none;}
#m_header .toggle-nav span{width:100%; display: block; height:2px; margin-bottom:6px; background:#555;}
#m_header .logo{text-align:center; width:calc(100% - 85px); float: left; }
#m_header .logo img{max-width: 100%;}

#m_header .search{float: right; width: 35px; padding:0 5px;}
#m_header .search .toggle-srch{display:block; width: 26px; height: 26px; background-position:0 0; 
	background-color:transparent; border:0;}


/*----- Hamburger Menu --------*/
#sidepanel { height:100%; width: 100%; position:fixed;  z-index:99;  top: 0; right:100%; background:rgba(255,255,255,.99); 
	overflow-x: hidden; padding:60px 0px 20px; overflow:hidden; transition:0.5s; }
#sidepanel .closebtn{position:absolute;top: 0;right: 25px;font-size: 36px; margin-left: 50px; color:#555; /*width:20px; 
height:20px; background-position:-114px -26px;*/ font-weight:300;}
#sidepanel ul li{list-style:none; font-size: 14px; position: relative; border-bottom: 1px solid var(--gray-border);}
#sidepanel ul li.active > a{color:var(--theme-red);}

#sidepanel ul li a{display:block; padding: 12px 0; color:#000; padding-right:20px; position: relative; 
	text-transform:none; font-weight:600; }
#sidepanel ul li ul{border-top:0; padding-left:10px; width:100%; max-height:350px; overflow: auto; overflow-x: hidden;
    position: relative; display:none;}
#sidepanel ul li.show ul{display:block;}
#sidepanel ul li ul li{font-size:12px;}
#sidepanel ul li ul li a{font-weight:400;}
#sidepanel ul li ul li:last-child{border-bottom:0;}
#sidepanel ul li .fa{position: absolute; top:10px; right: 0; font-size:18px; transform:rotate(-90deg)}
#sidepanel ul li.show .fa{transform:rotate(0deg); }
#sidepanel .inner{padding: 0 20px; height: calc(100% - 10px); overflow: scroll;}
#sidepanel nav{margin-bottom: 30px;}

#sidepanel .contact section {padding-left:34px; position: relative; margin-bottom:15px; font-size: 14px;}
#sidepanel .contact section .icon { position: absolute; z-index: 10; left: 0; top: 3px;}
#sidepanel .contact section .icon.marker { width: 16px; height: 24px; background-position:0px -26px; left:6px; top:0; opacity:.5}
#sidepanel .contact section .icon.phone { width:22px; height: 22px; background-position:-29px 0; left:0px; top:-3px;}
#sidepanel .contact section .icon.email { width:31px; height: 22px; background-position:-59px 0; left:0px; top:0;}
#sidepanel .contact h5, .subscribe-form h5 { font-size: 14px; color: #000; line-height: 1.2em; margin-bottom:10px;
    text-transform: uppercase;}
.subscribe-form form {position: relative;}
#sidepanel .subscribe-form h5{font-weight:400; font-size: 12px; margin-bottom: 10px;}   

#content.layout2{padding-top: 40px;}
.coupon-section .payable-amount span.error-txt{font-size: 14px; font-weight:normal;}
#submit_err{padding:20px; width:100%; text-align: center; }

.popup1.pop3.video-layer{background:none; padding:0;}
.popup1.pop3.video-layer h2{color:#fff;  font-family: 'Montserrat', sans-serif; }
.popup1.pop3.video-layer .video-title{padding-top: 30px; color:#fff;  font-family: 'Montserrat', sans-serif; font-size: 22px;}
.popup1.pop3.video-layer a.close{position: fixed; width:35px; height:35px; background:none; top:20px; right: 20px; 
	background-position: -20px 2px;}
.popup1.pop3.video-layer a.close:after, .popup1.pop3.video-layer a.close:before{height: 1px; width: 100%; 
	position:absolute; left:0; top: 49%; transform-origin:center; background:#fff; opacity:.9; display:block; content:"";  }
.popup1.pop3.video-layer a.close:after{transform:rotate(45deg); }
.popup1.pop3.video-layer a.close:before{transform:rotate(-45deg); }

/*------ Static Pages Overwrite -------*/
#content .group .wrapper{margin:40px auto 0; max-width:1100px;}
.form5 .section{padding-top:0;}
.form5 .textbox, .form5 textarea {box-sizing:content-box;}
.main-heading span.subtitle{font-weight:300;}
.button5, a.button5{background:#da2337}
.button5.large{font-size:18px; padding:0 20px;}


/*------------------------------------ Media Query -----------------------------------*/
@media screen and (min-width:992px){
.popup1.pop3.video-layer{width:700px !important}
.popup1.pop3.video-layer h2{margin-bottom: 40px !important}
}

@media screen and (max-width:992px){
.global-nav .contact-info, .main-nav {display:none;}
.main-header{position: relative;}
.main-header .toggle-nav{display:block;}
.main-header .main-nav{position:fixed; width:100%; height: 100%; background:rgba(255,255,255,.99); top:0; z-index:999; right:100%; 
padding:15px; display: block; padding-top:50px; transition:all .2s ease; -webkit-transition:all .2s ease;}
.main-header .main-nav.show{right:0;}
.main-header .main-nav > ul{height:100%; overflow:auto;}
.main-header .main-nav .nav-close{position:absolute; display:block; right:10px; top:10px; width:32px; height:32px;}
.main-header .main-nav .nav-close:after, .main-header .main-nav .nav-close:before{position: absolute; width: 100%;
 height:1px; background: #555; transform-origin: center;top:49%; left:0; content:""; }
 .main-header .main-nav .nav-close:after{transform:rotate(45deg); -webkit-transform:rotate(45deg);}
  .main-header .main-nav .nav-close:before{transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.main-header .main-nav ul, .main-header .main-nav ul li, .main-header .main-nav ul li a {float:none; background:none;}
.main-header .main-nav ul li{display: block; width: 100%;   font-size: 14px;
    position: relative;    border-bottom: 1px solid var(--gray-border);}
.main-header .main-nav ul li a {padding:15px 0; border:0; display:block;}
.main-nav ul li .dropdown-nav{display:block; position: static; padding:0; background:none; box-shadow:none; border:0; 
	min-height: inherit;}
.main-nav ul li .dropdown-nav .col-md-3{overflow:scroll; border-bottom:1px solid var(--gray-border); margin-bottom:10px; 
	width:100%; max-width:100%; flex:0 0 100%;  }
.main-nav ul li .dropdown-nav .col-md-3, .main-nav ul li .dropdown-nav .col-md-9{padding:0; margin-left: 10px;}
.main-nav ul li .dropdown-nav ul.list_style1{width:max-content; white-space:nowrap; display:block; flex:none; border:0;
margin:0 -10px;}
.main-nav ul li .dropdown-nav ul.list_style1 li{flex:none; display:inline-block !important; padding:0 10px; width:auto;
 border:0; }
.main-nav ul li .dropdown-nav ul.list_style1 li a{padding:5px 0; font-weight: normal; text-transform: uppercase; 
	font-size: 12px;}

.dropdown-nav ul.display-style2{margin:0;}
.display-style2 p, .display-style2 a.more{display:none !important;}
.main-header .main-nav ul.display-style2 li{border-bottom: 0; padding:0; margin-bottom: 10px;}
.dropdown-nav .tab-body{padding-left: 0;}
.main-header .main-nav .display-style2 h3{font-size:14px; font-weight:600; font-family:'Montserrat', sans-serif; }
.main-header .main-nav .display-style2 h3 a{padding:0;}
.main-header .main-nav .display-style2 .meta{font-weight:400; font-size: 12px;}
.dropdown-nav .tab-body{max-height:250px;}


#banner { margin-bottom:40px; width:auto;}
#banner figure{height:55vh;}
#banner figcaption h1{font-size: 40px;}
#banner figcaption p{font-size:16px;}
.statics{margin-top: 30px;}
#banner figure img { width: 100%; height: 100%;  object-fit: cover;}

.video-carousel .box1{padding:20px;}

}

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

/*--------/Mobile Header --------*/
.global-nav .container{padding:0;}
.global-nav {overflow: auto;}
.global-nav nav { width:max-content;}
.main-header .city{display:none;}


.scroll-wrapper {  overflow: auto;}
.scroll-wrapper .scroll-content { width: max-content;}

.box1, .sidebar .box1{padding:15px;}
.hdng1{padding-bottom:10px; margin-bottom: 20px;}
.hdng1 h2{font-size:19px; line-height: 1.2em;}
.hdng1 span{font-size: 13px;}
.hdng1:after{width: 100px; margin-left: -50px;}

.wdgt{margin-bottom:15px;}
.section{padding-top:30px;}

.empty-data {font-size:20px; opacity: .5; margin-bottom: 15px;}


#content.layout2{padding-top:20px;}


/*----- Featured -------*/
.tag{font-size: 14px;}
.featured .course .tag{font-size: 14px;}
.scroll-wrapper.full-width .scroll-content{width: 100%;}
.featured.scroll-wrapper.full-width .scroll-content .box1{width: 100%;}
 .featured .box1{overflow: hidden;  float: left;  width: 240px;  overflow: hidden;  margin-right: 10px;}
.featured .desc{max-width:inherit; position: relative; z-index: 6;}
.course h2{margin-bottom: 12px; font-size: 20px; line-height: 1.2em;}
.regular-text {font-size: 14px; line-height: 1.3em; margin-bottom: 20px;}
.featured .course p {max-width: 80%;}
.featured .course{min-height:355px;}
.featured .box1 img {  right: -30px;  z-index: 5; max-width: 75%; }
.course .meta{font-size:16px;}
 


/*---- Accordion ----*/
.box1 .accordion-panel{margin-left: -15px; margin-right: -15px; margin-bottom: -15px;}
.accordion{padding:15px;}
.accordion.active{padding-bottom: 5px;}
.panel .inner{padding:0px 15px 20px;}
.accordion h2{font-size:20px;}
.speakers li h3{font-size:13px; margin-bottom: 3px;}
.speakers li{float:left; width:102px; font-size:12px; color:var(--gray-light); margin-bottom: 20px; padding-right:0;}
.speakers li + li{margin-left: 10px;}


/*----- Price Unit -----*/
.price .value{font-size:26px; line-height: 1.1em;}
.price .tax{font-size:16px; padding-top:5px;}
.price .currency { margin-right: 8px; padding-right: 22px; font-size: 18px; padding:6px 12px 3px 4px;
    line-height: .9em;  width: 36px;  height: 30px;}
.price .currency .fa{right: 5px; top: 6px; z-index: 10; font-size: 14px;}
.price .currency ul.currency-list li{width:34px; font-size: 16px; padding:7px 6px;}
.price .currency ul.currency-list{top:25px;}

h3{font-size: 20px;}
.btn-primary, a.btn-primary, .btn-inverse { padding: 10px 15px;  font-size: 13px;}

/*----- categories -------*/
.categories.box1{padding-bottom: 0;}
.categories .hdng1 {text-align:center; border:0;.custom-twitter-widget .container}
.categories .hdng1:after{display:block;}
ul.list_style1 { display: flex;  flex-wrap: wrap;  margin-left: -15px;  margin-right: -15px; 
	border-top: 1px solid var(--gray-border);  border-bottom: 0;}
ul.list_style1 li {list-style: none; position: relative;  padding:15px 5px; width: 25%; flex: 1 1 25%;
text-align: center; border-bottom: 1px solid var(--gray-border); border-right: 1px solid var(--gray-border);
font-size: 10px;  color: #000; line-height: 1.5em; text-transform: none; font-weight: 600; align-items: center;
justify-content: center; margin:0;}
ul.list_style1 li img {display: block; margin: 0 auto 10px; position: static;}
ul.list_style1 li:nth-child(4n+4), ul.list_style1 li:last-child { border-right: 0; padding:15px 5px;}

/*----- request widget ---*/
.request-widget.box1{padding:13px 40px 20px;}
.request-widget h2 { font-size: 24px;  line-height: 1.2em;  margin-bottom:15px;}
.request-widget p{margin-bottom: 15px;}
.request-widget button { display: inline-block; line-height: 1.2em; background: none; font-size:13px;}

/*---- Blockquote ----*/
.testimonial.wdgt{margin-bottom: 50px;}
.testimonial blockquote{padding-left: 0; text-align: center; padding-top: 30px;}
.testimonial blockquote i.quote{left: 50%; margin-left: -15px;}
.testimonial cite{font-size: 14px; text-align: center; padding-left: 0;}
.testimonial .slick-dots{text-align: center;  padding-left: 0;}

/*----- Video Widget ---*/
.display-style1{overflow:auto;}
.display-style1 h3 {margin-bottom: 8px; min-height: 72px;}
.display-style1 .row{width:max-content; white-space:nowrap; display:block; margin:0; }
.display-style1 li.col-md-4 {float: left; width: 240px; margin-right: 10px; padding: 0;  display: block; white-space:normal; }



/*------ Twitter Widget --------*/
.social-media .social_panel{background:none; max-height:inherit; height: auto; padding:0; border:0; margin-bottom: 0;}
.social_panel .container{padding:0; overflow:auto;}
.social_panel .container .row{width:max-content; white-space:nowrap; display:block; margin:0; }
.social_panel .container .row .grid-item{float:left; width:270px; display: block; padding:0 10px 0 0; margin:0; 
	white-space:normal; position: static !important; }
.user-meta{display: none;}
.social_panel .social-wdgts .card{border-top:1px solid #ccc;}
.social-wdgts .card .body-txt{min-height: 150px;}

/*------ Detail Page ----*/
#banner.detail-page{ margin-bottom: 0;}
#banner.detail-page figure, #banner.cat-page figure{height:35vh;}
#banner .event-meta, #banner time{text-align:center; font-size: 16px; font-weight:bold; width: 100%;}
#banner.light-theme .event-meta, #banner.light-theme time{color:#000;}

.tbstrp, #banner.detail-page:after{display:none;}
.tb-cntnd ul{margin-bottom: 0;}

.tb-cntnd section header{text-align: center; border:0; padding:0 0 10px;}
.tb-cntnd section header:after{width: 100px; height: 2px; content: ""; position: absolute;left: 50%;
    margin-left: -50px; bottom: 0; display: block; content: "";background: var(--theme-red);}
.tb-cntnd section header h2{text-transform: uppercase; font-size: 19px; line-height: 1.2em;  font-family: 'Montserrat', sans-serif;}

#course-intro{padding-top: 0;}
#agenda section h3 { font-size: 18px; margin-bottom: 10px; line-height: 1.2em; font-weight: 600;}
#experts section, #partners section{display:block;}
#experts section figure, #partners section figure, .expert-dtl figure{border-width:5px;}
#partners section figure{height:85px;}
#experts section .col-sm-4, #partners section .col-sm-4{float: left; flex: none; width: 100px;  display: block;}
#experts section .col-sm-8, #partners section .col-sm-8{display: block;  float: none; flex: none;
    width: auto;  max-width: inherit; padding-left: 0;}

.expertbox .expert-dtl .name{font-size: 16px; margin-bottom: 0;}
.popup1.pop3.expertbox{width:90% !important; padding:10px;}
.expert-dtl .row{display: block; margin:0;}
.expertbox .expert-dtl figure{float: left;  flex: none; margin-right: 8px;  width:100px; display: block;}
.expert-dtl  .col-sm-8{display: block; float: none;  flex: none; width:auto; max-width: inherit;}
.expertbox .expert-dtl figure{padding: 4px; margin-bottom: 8px;}
.expertbox .expert-dtl .readmore{display:none;}
#course-tmc{padding:15px; margin-bottom: 30px;}
.tb-cntnd section p, .tb-cntnd section li, .expert-dtl p{font-size: 14px;}
.desc.collapse{max-height:128px;}
.tb-cntnd section{margin-bottom: 30px;}

/*----- Booking Panel Mobile ----*/
.booking-panel{background: #fff; padding:15px 10px 13px; border-bottom:1px solid var(--gray-border); text-align: center; 
	margin-bottom:20px;}
.booking-panel button{font-size:12px; font-weight:600; padding:8px 6px; text-transform: none; float:right; line-height: 1.3em;
width:114px; margin: 0 3px;}
.booking-panel button small{font-size:10px; font-weight:normal; display:block; }
.booking-panel button.btn-inverse{color:#000; background: #fcebed; margin-right:0; }
.booking-panel .price {float: left; text-align: left; margin-bottom: 0; padding-top: 6px;}
.booking-panel  .price .offer{font-size: 12px;}
.booking-panel .price .currency{padding:4px 16px 3px 4px; margin-right: 4px; font-size:18px;}
.booking-panel .price .currency .fa{font-size: 14px; right:5px; top: 5px;}
.booking-panel .price .value{font-size: 15px; line-height: 1.6em;}
.booking-panel .price .tax{font-size:8px;color:#444; font-weight: 400; position: relative; top:-6px; padding-top:0px; margin-left:40px;  clear: left; float:none;text-align: left;}
.booking-panel .price .currency ul.currency-list{top:24px;}
.booking-panel .price .currency ul.currency-list li {padding:5px; width: 34px; font-size: 16px;}
.booking-panel .contact{clear: both; padding-top:10px; text-align: center; color:#888; font-size: 14px }
.booking-panel .contact a{font-weight:bold; color:#888;}

.booking-panel.fixed{position:fixed; width:100%; margin-bottom: 0; left:0; bottom:-125px; z-index:99; 
	box-shadow:0 -1px 6px rgba(0,0,0,.1);  transition:all .2s ease;}
	.booking-panel.fixed.up{bottom:0;}
.booking-panel.fixed .price ul.currency-list{top: auto; bottom:27px; box-shadow:0 -2px 2px rgba(0,0,0,.2); 
	border-top:1px solid var(--gray-border); border-bottom:0; border-radius:4px 4px 0 0;  }

.booking-panel.fixed .actual-price, .booking-panel.fixed .contact{display:none;}

.share{position:fixed; right:0; top:50%; z-index:50; }
.share a{display:block; width: 32px; height: 32px; background-color:#eaeaea; border-radius:3px 0 0 3px;}
.share a.whatsapp{background-position:-192px 0;}
.share a.shareall{background-position:-192px -32px;}

/*------ RHS -------*/
#dtl-content aside{top:0;position: static; z-index: 1;}
#dtl-content aside.top-0 { top:0px;}
#dtl-content aside .price{margin-bottom: 0;}
.payment-optn{display:none;}
.rhs-box{padding:15px; border:1px solid var(--gray-border); box-shadow:none;}

#page-banner{height: 40vh;}
#page-banner figure{height: 100%}
#page-banner img{height: 100%; object-fit:cover;}

.custom-twitter-widget .loadmore{display:none;}

.tb-cntnd .social-share-wdgt.hide{display:none;}
.tb-cntnd .social-share-wdgt{width: 31px; margin-bottom: 20px;  position: fixed; left: auto; right: 0; top: 50%;}
.tb-cntnd .social-share-wdgt a { float: none; width: 100%; height:35px;}
.tb-cntnd .social-share-wdgt .fa {line-height: 35px;color: #fff; font-size: 14px;}
.tb-cntnd .social-share-wdgt a:hover{width:auto;}

.post table{width: 100% !important}
.post #course-intro table td{width: 100% !important; }

.popup1.pop3.video-layer .video-title{font-size: 15px;}

/*----- Footer ---*/
#footer .col-5{padding-left: 0;}
#footer nav{display:none;}
#footer .socials{ padding-top:0px;}
#footer .socials span{margin-left: 0; display:none;}
#footer nav{margin-bottom: 20px;}
#footer .contact {display:none;}
.social_panel .social-wdgts .card{margin-bottom: 0;}
#footer .contact section{padding-left: 30px; margin-bottom: 15px;}
#footer .contact h5, .subscribe-form h5{margin-bottom: 10px;}
#footer .events_lst{display:none;}

}

@media screen and (max-width:374px){
.booking-panel button{padding:8px 2px; width:110px; font-size:11px; margin:0 1px; }
.booking-panel button small{font-size:8px;}
#footer .socials a, #footer .socials span{margin:0 3px;}
}

@media screen and (max-width:359px){
.booking-panel button{padding:8px 2px; width: 98px; font-size:10px; margin:0 1px; }
.booking-panel button small{font-size:8px;}
#footer .socials a, #footer .socials span{margin:0 3px;}
}

.ui-selectmenu-menu {transition: none;}

#masterclass .overlay{opacity:.75 !important;}

.global-nav{border-bottom: 1px solid var(--gray-border);}
.global-nav a{font-size:14px; color:var(--gray-dark); font-weight: 500; }
.global-nav nav.cities li{list-style:none; float:left;}
.global-nav nav.cities li + li{border-left: 1px solid var(--gray-border);}
.global-nav nav.cities li a{float: left; line-height: 1em;  padding:10px; }
.global-nav nav.cities li:hover a, .global-nav nav.cities li.active a{color:var(--theme-red);}

@media(max-width: 767px){
body .global-nav {
    display: block !important;
}
body .global-nav .col-lg-7 {
    display: none !important;
}
footer#footer{margin-top:40px;}
}



@media(min-width: 767px){
header#header2 {
    display: inline-block;
    width: 100%;
}
#banner.detail-page {
    margin-bottom: 0;
    min-height: 300px;
}
body #banner.detail-page figure{
	    max-height: 360px;
}
body #banner.detail-page img{
	    min-height: 360px;
}
#about li {
    font-size: 16px !important;
    line-height: 1.4em;
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
}
#about li span {
    font-size: 16px !important;
    line-height: 1.4em;
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
}
.tb-cntnd section li{
	 font-size: 16px !important;
    line-height: 1.4em;
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
}
.tb-cntnd section li span{
	 font-size: 16px !important;
    line-height: 1.4em;
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
}
body #course-tmc #tmc > ul > li {
    font-size: 13px !important;
}
}