.hompage_banner {
  position: relative;
  z-index: 10;
}

.lazy {
   background-image: none;
   background-color: #F1F1FA;
}

/* .hompage_banner_bg {
    background-image: url(/slider/asset/images/image1.webp);
    min-height: 750px !important;
  }*/

.imageslide1
{
    background: url('/slider/asset/images/image1.webp');
}

.imageslide2
{
    background: url('/slider/asset/images/image2.jpg');
}

.imageslide4
{
    background: url('/slider/asset/images/image4.jpg');
}

.imageslide5
{
    background: url('/slider/asset/images/image5.jpg');
}

.imageslide6
{
    background: url('/slider/asset/images/image6.jpg');
}

.how_we_work
{
    background-image: url(/templates/rwd_taylor/images/front/banner/banner-4.webp) !important;
}

.why_use_taylor {
    background-image: url(/templates/rwd_taylor/images/front/banner/banner-5.webp);
  }
  
.search_music_area {
    background-image: url(/templates/rwd_taylor/images/front/banner/search_banner.webp);
  }
  
.footer_top {
    background-image: url(/templates/rwd_taylor/images/front/banner/footer_banner.webp);
  }
  
@media screen and (max-width: 767px) {
  .why_use_taylor {
    background-image: url(/templates/rwd_taylor/images/front/banner/mobile_banner-5.webp);
  }
  
  .search_music_area {
    background-image: url(/templates/rwd_taylor/images/front/banner/mobile_search_banner.webp);
  }
  
    .footer_top {
    background-image: url(/templates/rwd_taylor/images/front/banner/mobile_footer_banner.webp);
  }
  
  
}
	
	@media only screen and (min-width: 601px) and (max-width: 992px) {
		.tablet-hide {
			display:none;
		}
		.contact_info {padding-top: 3px;}
		
	}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
  .header_top.desktop_show #header_top2 {
    position: relative;
    top: 0;
}
}
  
  @media only screen and (min-width: 767px) and (max-width: 960px) {
  .home_menu .menu {
    top: 15px;
  }
}
  @media only screen and (min-width: 961px) and (max-width: 990px) {
  .home_menu .menu {
    top: 5px;
  }
}
  .home_menu .menu {float: right;}

  .header_top.desktop_show .social_icon {
    display: block;
    float: right;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
  .header_top.desktop_show li.custom_btn.teach_btn {
    padding-right: 0;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
  .main_menu .menu_btn a, .main_menu a.menu_btn {
    width: 100px;

  }
}

#rsform_4_page_0 span.formValidation
{
    margin-bottom:0px;
    display:block!important;
    min-height:1px!important;
}

#rsform_4_page_0 span.formValidation span.formNoError
{
    margin-top:10px!important;
    color:red!important;
    font-weight: 400;
}

#rsform_4_page_0 select
{
    margin:0!important;
}

.cc-giftbox-popup .formResponsive .formBody
{
    line-height:1em!important;
}

#rsform_4_page_0 .book_online_field
{
    margin-bottom:15px!important;
}


.search-top-town
{
    background: #fff;
  width: 100%;
  position: absolute;
  left: 0%;
  border-radius: 20px;
  padding: 5px 5px;
  top: 50px;
  z-index: 2;
  overflow:hidden;
}

.col-sm-4.third_drop
{
    position:relative;
}

.search-top-town .tab
{
    font-weight: 600;
  margin: 0 0 5px -24px;
  /*height: 24px;*/
    transition: .15s all ease;
    padding: 6px 30px 8px 40px;
    position:relative;
    cursor:pointer;
}

.search-top-town .choice-webcam
{
    margin-bottom: 8px;
}

.search-top-town .choice-locate:before
{
    background:url(/templates/rwd_taylor/images/around-me.png) 0 0 no-repeat transparent;
  padding-left: 30px;
  height:24px;
  width:24px;
  content:'';
  position:absolute;
  left:10px;
  opacity:0;
  visibility:hidden;
}

.search-top-town .choice-webcam:before
{
    background:url(/templates/rwd_taylor/images/online-icon.png) 0 0 no-repeat transparent;
  padding-left: 30px;
  height:24px;
  width:24px;
  content:'';
  position:absolute;
  left:10px;
  opacity:0;
  visibility:hidden;
}

.search-top-town .choice-locate:hover, .search-top-town .choice-webcam:hover
{
  transition: .40s all ease;
  margin-left: 0;
  background-color: #def6ff;
  border-radius: 100px;
}

.search-top-town .choice-locate:hover:before, .search-top-town .choice-webcam:hover:before
{
    opacity:1;
    visibility:visible;
}

@media screen and (max-width: 47em) {

.hompage_banner_bg
{
    background-image: url(/templates/rwd_taylor/images/cc-mobile-banner-image.webp) !important;
}

}


/* Only Phones */
@media (max-width: 767px) {

#module-196 .search-box
{
    min-height: 140px;
}

.search-top-town
{
    background: #fff;
  width: 43%;
  position: absolute;
  left: auto;
  border-radius: 20px;
  padding: 12px 5px;
  top: 60px;
  z-index: 10;
  overflow: hidden;
  right: auto;
  box-sizing: border-box;
  margin-left: 5px;
}

.search-top-town .tab
{
    margin: 0 0 15px 0px;
    padding: 0px 30px 0px 40px;
}

.search-top-town .tab.choice-webcam
{
    margin: 0 0 0px 0px;
}

.search-top-town .choice-locate:before
{
    background:url(/templates/rwd_taylor/images/around-me.png) 0 0 no-repeat transparent;
  padding-left: 30px;
  height:24px;
  width:24px;
  content:'';
  position:absolute;
  left:10px;
  opacity:1;
  visibility:visible;
}

.search-top-town .choice-webcam:before
{
    background:url(/templates/rwd_taylor/images/online-icon.png) 0 0 no-repeat transparent;
  padding-left: 30px;
  height:24px;
  width:24px;
  content:'';
  position:absolute;
  left:10px;
  opacity:1;
  visibility:visible;
}

}

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

.search-top-town
{
}

.search-top-town .tab
{
    margin: 0 0 5px 0px;
}

.search-top-town .choice-locate:before
{
    background:url(/templates/rwd_taylor/images/around-me.png) 0 0 no-repeat transparent;
  padding-left: 30px;
  height:24px;
  width:24px;
  content:'';
  position:absolute;
  left:10px;
  opacity:1;
  visibility:visible;
}

.search-top-town .choice-webcam:before
{
    background:url(/templates/rwd_taylor/images/online-icon.png) 0 0 no-repeat transparent;
  padding-left: 30px;
  height:24px;
  width:24px;
  content:'';
  position:absolute;
  left:10px;
  opacity:1;
  visibility:visible;
}

#bo_instruct_login .rsform
{
    top: 38%;
}

.cc-login-popup .rsform
{
    margin-top:0px!important;
}

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 1024px) and (max-width: 1200px) {

#bo_instruct_login .rsform
{
    top: 28%!important;
}

.cc-login-popup .rsform
{
    margin-top:0px!important;
}

}

.fixed-search-top.sticky
{
    position:fixed;
    top:0;
    left:0;
    right:0;
    background-color:#fff;
    z-index: 1000;
    padding: 10px 0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}

#banner-hugger
{
    position:relative;
}

.crona_message_mobile
{
    display:none;
}
    
        @media screen and (min-width: 768px)
        {
            .desktop-codecss div#SearchListSearchForm
             {
                 max-width: 840px;!important;
             
             }
             
             .first_drop_selected
            {
                width:31%;
            }
            .second_drop_selected
            {
                width:28%
            }
            .third_drop_selected
            {
                width: 25%;
            }
            .fourth_drop_selected
            {
                width:16%
            }
        }
        
        #fieldInstrumentName  optgroup {
            font-weight: 100!important;
        }
        
        .lessonSelect #fieldSubInstrumentName1,.lessonSelect #fieldSubInstrumentName2,.lessonSelect #fieldSubInstrumentName6,.lessonSelect #fieldSubInstrumentName3,.lessonSelect #fieldSubInstrumentName4,.lessonSelect #fieldSubInstrumentName5{
            background-image: url(/images/dropdown-arrow.png);
            background-position: 90% 50%;
            background-size: 17px;
            background-repeat: no-repeat;
            -moz-appearance: none;
            text-indent: 0.01px;
            text-overflow: '';
        }
        
        #module-196 #fieldSubInstrumentName1,#module-196 #fieldSubInstrumentName2,#module-196 #fieldSubInstrumentName6,#module-196 #fieldSubInstrumentName3,#module-196 #fieldSubInstrumentName4,#module-196 #fieldSubInstrumentName5{
            padding: 3px 20px !important;
            font-size: 15px !important;
            font-weight: bold;
            height:45px;
            line-height: 22px !important;
        }
        
        .desktop-codecss #SearchListSearchForm.searchlistsearch
        {
            max-width: 100%;
            width: 950px;
        }
        
        .desktop-codecss #SearchListSearchForm.searchlistsearch .first_drop_selected, .desktop-codecss #SearchListSearchForm.searchlistsearch .second_drop_selected, .desktop-codecss #SearchListSearchForm.searchlistsearch .third_drop_selected, #SearchListSearchForm.searchlistsearch .fourth_drop_selected
        {
            width:25%;
        }
        
        
        
        
        
        [v-cloak] {
            display: none;
        }
        .youtubeshorkvideo1 {
            display: none;
        }
        .collapse {
            display: inline !important;
        }
        .carousel-inner {
            opacity: 1;
            transition: 1s opacity;
        }
        .hompage_banner .hompage_banner_bg .banner_inner{
            padding-bottom: 0 !important;
            padding-top: 0 !important;

        }
        @media screen and (min-width: 600px) {
            .deviceDisplay {display:flex;}
        }

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

            .deviceDisplay {display:;}

        }
        .ajaxTestimonialz .test_img img{
            width: 120px; 
            height: 120px;
            border-radius: 50%;
            position: relative;
        }    
        .home-slider-owl-carousel{
            transition-duration: 1.5s;
            height: 750px;
            width: 100%;
            transform: translate3d(0%, 0px, 0px);
            display: flex;
        }
        .slidebox-wrapper{
            min-width: 100%;
        }
        .hompage_banner{
            position: relative;
            min-height: 750px;
        }
        #containment{
            position: absolute;
            top: 100px;
            left: 0;
            margin: 0 auto;
            width: 100%;
        }
        .uppercase {
            text-transform: uppercase;
        }
        .lowercase {
            text-transform: lowercase;
        }
        .capitalize {
            text-transform: capitalize;
        }
        .content-item{
            background: white;
        }
        @media screen and (min-width: 48em){
            .banner_inner{
                padding-bottom: 0;
            }
        }

        @media only screen and (max-width:47.9em) {
            .hompage_banner {
                min-height:unset !important;
            }
        }
        /* mobile view search */
        .HideSearch{
            display: none;
        }

        /*
        * Variables
        */
        :root {
            --card-padding: 0px;
            --card-left-padding: 0px;
            --card-height: 255px;
            --card-skeleton: linear-gradient(white var(--card-height), transparent 0);
            --avatar-size: 0px;
            --avatar-position: var(--card-padding) var(--card-padding);
            --avatar-skeleton: radial-gradient(circle 155px at center, lightgrey 99%, transparent 0);
            --title-height: 35px;
            --title-width: calc(100% - 75%);
            --title-position: var(--card-left-padding) 50px;
            --title-skeleton: linear-gradient(lightgrey var(--title-height), transparent 0);
            --desc-line-height: 16px;
            --desc-sub-line-height: 10px;
            --desc-sub-line-skeleton: linear-gradient(lightgrey var(--desc-sub-line-height), transparent 0);
            --desc-line-skeleton: linear-gradient(lightgrey var(--desc-line-height), transparent 0);
            --desc-line-1-width:calc(100% - 50%);
            --desc-sub-line-1-width:calc(100% - 90%);
            --desc-line-1-position: var(--card-left-padding) 160px;
            --desc-new-line-1-position: var(--card-left-padding) 130px;
            --desc-sub-line-1-position: var(--card-left-padding) 90px;
            --desc-line-2-width:calc(100% - 55%);
            --desc-line-2-position: var(--card-left-padding) 188px;
            --footer-height: 0px;
            --footer-position: 0 calc(var(--card-height) - var(--footer-height));
            --footer-skeleton: linear-gradient(lightgrey var(--footer-height), transparent 0);
            --blur-width: 200px;
            --blur-size: var(--blur-width) calc(var(--card-height) - var(--footer-height));
            --card-padding-review: 24px;
            --card-height-review: 500px;
            --card-skeleton-review: linear-gradient(#fafafa var(--card-height-review), transparent 0);
            --avatar-size-review: 330px;
            --avatar-position-review: var(--card-padding-review) 0px;
            --avatar-skeleton-review: linear-gradient(lightgrey 150px, transparent 0);
            --title-height-review: 32px;
            --title-width-review: 200px;
            --title-position-review: var(--card-padding-review) 160px;
            --title-skeleton-review: linear-gradient(lightgrey var(--title-height-review), transparent 0);
            --desc-line-height-review: 16px;
            --desc-line-skeleton-review: linear-gradient(lightgrey var(--desc-line-height-review), transparent 0);
            --desc-line-1-width-review:230px;
            --desc-line-1-position-review: var(--card-padding-review) 210px;
            --desc-line-2-width-review:290px;
            --desc-line-2-position-review: var(--card-padding-review) 235px;
            --desc-line-3-width-review:260px;
            --desc-line-3-position-review: var(--card-padding-review) 260px;
            --desc-line-4-width-review:240px;
            --desc-line-4-position-review: var(--card-padding-review) 285px;
            --desc-line-5-width-review:280px;
            --desc-line-5-position-review: var(--card-padding-review) 310px;
            --desc-line-6-width-review:270px;
            --desc-line-6-position-review: var(--card-padding-review) 335px;
            --desc-line-7-width-review:170px;
            --desc-line-7-position-review: var(--card-padding-review) 360px;
            --footer-height-review: 0px;
            --footer-position-review: 0 calc(var(--card-height-review) - var(--footer-height-review));
            --footer-skeleton-review: linear-gradient(lightgrey var(--footer-height-review), transparent 0);
            --blur-width-review: 200px;
            --blur-size-review: var(--blur-width-review) calc(var(--card-height-review) - var(--footer-height-review));
        }

        /*
        * Card Skeleton for Loading
         */
        body {
            margin: 0;
        } 

       .card {
            width: 100%;
            height: var(--card-height);
        }
        .card:empty::after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 0px;
            box-shadow: 0 10px 45px rgba(0, 0, 0, 0.1);
            background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%), var(--title-skeleton), var(--desc-sub-line-skeleton), var(--desc-line-skeleton), var(--desc-line-skeleton), var(--desc-line-skeleton), var(--avatar-skeleton), var(--footer-skeleton), var(--card-skeleton);
            background-size: var(--blur-size), var(--title-width) var(--title-height), var(--desc-sub-line-1-width) var(--desc-sub-line-height), var(--desc-line-1-width) var(--desc-line-height), var(--desc-line-1-width) var(--desc-line-height), var(--desc-line-2-width) var(--desc-line-height), var(--avatar-size) var(--avatar-size), 100% var(--footer-height), 100% 100%;
            background-position: -150% 0, var(--title-position), var(--desc-sub-line-1-position), var(--desc-new-line-1-position), var(--desc-line-1-position), var(--desc-line-2-position), var(--avatar-position), var(--footer-position), 0 0;
            background-repeat: no-repeat;
            animation: loading 3s infinite;
            box-shadow: unset;
        }

        @keyframes loading {
            to {
                background-position: 350% 0, var(--title-position), var(--desc-sub-line-1-position), var(--desc-new-line-1-position), var(--desc-line-1-position), var(--desc-line-2-position), var(--avatar-position), var(--footer-position), 0 0;
            }
        }
        
        .card-review {
            width: 100%;
            margin: 0px 10px;
            height: var(--card-height-review);
        }
        .card-review:empty::after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(90deg, rgba(211, 211, 211, 0) 0, rgba(250, 250, 250, 0.75) 50%, rgba(211, 211, 211, 0) 100%), var(--title-skeleton-review), var(--desc-line-skeleton-review), var(--desc-line-skeleton-review), var(--desc-line-skeleton-review), var(--desc-line-skeleton-review), var(--desc-line-skeleton-review), var(--desc-line-skeleton-review), var(--desc-line-skeleton-review), var(--avatar-skeleton-review), var(--footer-skeleton-review), var(--card-skeleton-review);
            background-size: var(--blur-size-review), var(--title-width-review) var(--title-height-review), var(--desc-line-1-width-review) var(--desc-line-height-review), var(--desc-line-2-width-review) var(--desc-line-height-review), var(--desc-line-3-width-review) var(--desc-line-height-review), var(--desc-line-4-width-review) var(--desc-line-height-review), var(--desc-line-5-width-review) var(--desc-line-height-review), var(--desc-line-6-width-review) var(--desc-line-height-review), var(--desc-line-7-width-review) var(--desc-line-height-review), var(--avatar-size-review) var(--avatar-size-review), 100% var(--footer-height-review), 100% 100%;
            background-position: -150% 0, var(--title-position-review), var(--desc-line-1-position-review), var(--desc-line-2-position-review), var(--desc-line-3-position-review), var(--desc-line-4-position-review), var(--desc-line-5-position-review), var(--desc-line-6-position-review), var(--desc-line-7-position-review), var(--avatar-position-review), var(--footer-position-review), 0 70px;
            background-repeat: no-repeat;
            animation: loadingreview 1.5s infinite;
        }

        @keyframes loadingreview {
            to {
                background-position: 350% 0, var(--title-position-review), var(--desc-line-1-position-review), var(--desc-line-2-position-review), var(--desc-line-3-position-review), var(--desc-line-4-position-review), var(--desc-line-5-position-review), var(--desc-line-6-position-review), var(--desc-line-7-position-review), var(--avatar-position-review), var(--footer-position-review), 0 70px;
            }
        }
        /* for about menu click */
        .about-menu{ 
            float: right;
            font-size: 35px;
            margin-top: -42px;
            color: white;
            margin-right: 7px;
            padding: 6px;
        }

        /* mobile menu style start */

        .cc-mobile-menu {
            text-align: center; position: absolute; left: 15px; right: 0;
            top: 25px; z-index: 9999999; width: 30px; display:flex; flex-direction:column; justify-content:center ; align-items:center;
        }

        .cc-mobile-menu .cc-menu-bars {
            background-color: #00adef!important; height: 3px;width: 30px;margin-top: 0;margin-bottom: 5px;display: block;transition: all linear .3s;
        }

        .cc-mobile-menu .cc-menu-bars:last-child{
            margin-bottom:0;
        }

        .cc-mobile-menu.open {}
        .cc-mobile-menu.open span:nth-child(1) {display:none;}
        .cc-mobile-menu.open span:nth-child(2) {transform: rotate(45deg); margin-top: 8px;}
        .cc-mobile-menu.open span:nth-child(3) {transform: rotate(135deg); margin-top: -8px;}

        .cc-mobile-menu-nav {position:absolute;top:70px; background:#00aeef ;z-index:3;width:100%}

        .cc-mobile-menu-nav li {}

        .cc-mobile-menu-nav li a {
            display:block;
            width:100%;
            padding: 15px;
            color: #fff;
            font-size: 12px;
            text-transform:uppercase;
            border-top: 1px solid rgba(255,255,255,.5);
            background:#00aeef ;
        }

        .cc-mobile-menu-nav > li ul {
            padding-left:0px;
        }

        .cc-mobile-menu-nav > li ul li {background:#00aeef ;}
        .cc-mobile-menu-nav > li ul li a {
            padding: 1em 10% !important;
            border-top: 1px solid rgba(255,255,255,.25);
            opacity: .75;
        }
        .mobile-h1 {
            font-weight: 900;
            font-size: 135%;
        }
        /* mobile menu style end */
        /* address spacing */
        /* .div33.address div span{ margin-right: 5px; } */


        /* 10-05-2019 */
       .SearchListSearchFormMainNew { /*padding:0px !important;*/box-sizing:border-box!important; }
        #vue-container .SearchListSearchFormMainNew .lessonSearchM {     
            width: 44% !important;
            margin-left: 3.5% !important;
        }
		
		.footerbreadcumbsnewbottom {
		   padding-top: 0;
		}

		.footer-breadcumb #tab-newform ol.breadcrumb {
		   margin-top:0px;
		}
		
		 /* giftbox style */

        .cc-giftbox-popup { position: fixed; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.3) !important; top: 0; left: 0; z-index: 8888888; display: none; }
        .cc-giftbox-popup.show { display: block; }
        .cc-giftbox-popup .rsform { position: absolute; top: 30%; left: 50%; transform: translate(-50%,-50%) !important; margin: 0px; margin-top: 95px; width: 95%; max-width: 320px; background-color: #fff; border-radius: 11px; }
        .cc-giftbox-popup .rsform #userForm h2 { background: #707070; color: #fff; border-radius: 10px 10px 0 0; position: relative; text-align: center; padding: 15px; border-bottom: 1px solid #e5e5e5; font-size: 18px; margin: 0; }
        .cc-giftbox-popup .rsform .book-close-btn { top: 15px; right: 26px; color: #fff; border-color: #fff; }
        .cc-giftbox-popup .rsform .formContainer { padding: 30px 20px; }
        .cc-giftbox-popup  .formResponsive .formBody { height: auto; line-height: 0; }
        .cc-giftbox-popup select#package { margin-bottom: 10px; }
        .cc-giftbox-popup .formControls { margin-left: 0px !important; }
        
        
        /* login style */
        .cc-login-popup { position: fixed; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.3) !important; top: 0; left: 0; z-index: 8888888; display: none; }
        .cc-login-popup.show { display: block; }
        .cc-login-popup .rsform { position: absolute; top: 30%; left: auto; transform: none !important; margin: 0px; margin-top:0px; width: 95%; border-radius: 11px; }
        .cc-login-popup .rsform #userForm h2 { background: #707070; color: #fff; border-radius: 10px 10px 0 0; position: relative; text-align: center; padding: 15px; border-bottom: 1px solid #e5e5e5; font-size: 18px; margin: 0; }
        .cc-login-popup .rsform .book-close-btn { top: 15px; right: 26px; color: #fff; border-color: #fff; }
        .cc-login-popup .rsform .formContainer { padding: 30px 20px; }
        .cc-login-popup  .formResponsive .formBody { height: auto; line-height: 0; }
        .cc-login-popup select#package { margin-bottom: 10px; }
        .cc-login-popup .formControls { margin-left: 0px !important; }
        
        /* phone popup style */
        .cc-login-popup-phone { position: fixed; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.3) !important; top: 0; left: 0; z-index: 8888888; display: none; }
        .cc-login-popup-phone.show { display: block; }
        .cc-login-popup .rsform { position: absolute; top: 30%; left: auto; transform: none !important; margin: 0px; margin-top: 0px; width: 95%; border-radius: 11px; }
        .cc-login-popup-phone .rsform #userForm h2 { background: #707070; color: #fff; border-radius: 10px 10px 0 0; position: relative; text-align: center; padding: 15px; border-bottom: 1px solid #e5e5e5; font-size: 18px; margin: 0; }
        .cc-login-popup-phone .rsform .book-close-btn { top: 15px; right: 26px; color: #fff; border-color: #fff; }
        .cc-login-popup-phone .rsform .formContainer { padding: 30px 20px; }
        .cc-login-popup-phone  .formResponsive .formBody { height: auto; line-height: 0; }
        .cc-login-popup-phone select#package { margin-bottom: 10px; }
        .cc-login-popup-phone .formControls { margin-left: 0px !important; }
        
        
        
        @media screen and (max-width: 767px) {

            .SearchListSearchFormMainNew  .nextclick_inner 
            {
                padding-left: 4px !important;
                padding-right: 6px !important;
            }
            
            .cc-login-popup .rsform
            {
                width: 90%;
                left: 47%;
            }
            
            #module-196 .module-content, #module-198 .module-content
            {
                padding:0!important;
            }
            
            .crona_message_mobile
            {
                display:block;
                top:0;
            }

        }
        
a.common_btn.btn.music_btn
{
width: 200px!important;
}


/*related instructor css*/

.related-instrcutor{
margin:30px 0px;
}

.related-instrcutor h3{
font-weight:700;
font-size:20px;
}

.related-instrcutor-wrap{
 display:flex;
 gap:10px;
 width:100%;
 flex-wrap:wrap;
}

.rel-auth-row{
padding:0px 15px;
}

.rel-author_profile {
flex: 0 0 calc(20% - 10px);
background-color:#fff;
padding: 15px 0;
-webkit-box-shadow: 0 0 15px 0 #ccc8c8;
-moz-box-shadow: 0 0 15px 0 #ccc8c8;
box-shadow: 0 0 15px 0 #ccc8c8;
margin-bottom: 15px;
/*width:20%;*/
box-sizing:border-box;
min-width:220px;
    }
    
.cc-author-com-details{
display: flex;
align-items:center;
gap: 10px;
}

.rel-author_content .rel-author_name a {
    font-size: 16px;
    display: block;
    font-weight:700;
    word-break: break-word;
    text-decoration: none;
    color: #08C;
    text-transform: capitalize;
}
    
.rel-author_str ul{
display:flex;
gap:5px;
}

.rel-author_str ul img{
max-width:18.5px;
}

.rel-hvrbox{
margin-bottom:20px;
position:relative;
overflow:hidden;
}

.rel-author_image.rel-hvrbox {
  border-radius: 100px;
}

.rel-hvrbox .profile_overlay img{
width:190px;
height:190px;
max-width:100%;
border-radius:50%;
}

.searchListCantent{
padding:0px!important;
}

.cc-address-btn-row {
    display: flex;
    justify-content: left;
    align-items: center;
}

.rel-author_details .search_result_data p{
display:flex;
align-items:baseline;
}

.rel-author_details .search_result_data .loac_img {
    margin-top: 0px;
}

.rel-author_content .search_result_data{
padding-right:0px;
}


 .rel-author_profile.spSearch.spSearchListItem .rel-author_image.rel-hvrbox > a img
        {
            -webkit-transition: .4s transform ease-out;
            transition: .4s transform ease-out;
        }

        .rel-author_profile.spSearch.spSearchListItem:hover .rel-author_image.rel-hvrbox > a img
        {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
        }
        
        .rel-author_image.rel-hvrbox > a:hover .view_details, .rel-author_profile.spSearch.spSearchListItem:hover .rel-author_image.rel-hvrbox > a .view_details
        {
            position: absolute;
            height: 100%;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            color:#ffffff;
            font-size:12px;
        }
        
        .rel-author_image.rel-hvrbox > a:hover .view_details.overlay, .rel-author_profile.spSearch.spSearchListItem:hover .rel-author_image.rel-hvrbox > a .view_details.overlay
        {
            background-color: #00000050;
        }
        
        .manager-box.cc-hvrbox-text a.view_details{
            position: absolute;
            height: 100%;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .rel-author_image.hvrbox > a:hover .view_details_wrapper, .rel-author_profile.spSearch.spSearchListItem:hover .rel-author_image.hvrbox > a .view_details_wrapper
         {
            display:block;
        }
        
        .rel-author_image.hvrbox > a .view_details_wrapper
        {
            display:none;
        }
        
        .rel-author_image.hvrbox 
        {
            border-radius:100px;
        }
        
.certify-icons{
position:relative;
}

.certify-icons>span {
    position: absolute;
    white-space: nowrap;
    top: 5px;
    font-weight: 700;
    font-size: 11px;
    margin-left: -27px;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
    transition: all ease .2s;
}

.certify-icons:hover>span {
    top: 40px;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=1);
    background: #fff!important;
    z-index: 1;
    color: #000;
}

.related-instrcutor-wrap .view_details.overlay
    {
        position: fixed; /* Sit on top of the page content */
        display: none; /* Hidden by default */
        width: 100%; /* Full width (cover the whole page) */
        height: 100%; /* Full height (cover the whole page) */
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.5); /* Black background with opacity */
        z-index: 9999999; /* Specify a stack order in case you're using a different order for other elements */
        cursor: pointer; /* Add a pointer on hover */
    }

@media (min-width: 768px) {
.desktop_show{display:block;visibility:visible;opacity:1;}
.mobile_show{display:none;visibility:hidden;opacity:0;}
}

@media (max-width: 767px) {

.mobile_show{display:block;visibility:visible;opacity:1;}
.desktop_show{display:none!important;visibility:hidden;opacity:0;}

.related-instrcutor-wrap{
flex-wrap:wrap;
max-height:420px;
overflow:scroll;
}

.rel-author_profile {
width:100%;
flex: 0 0 calc(100%);
    }
    
.rel-author_image img{
width:100%;
}

.rel-hvrbox{
display:flex;
justify-self:center;
}

.rel-auth-row .searchListCantent{
width:100%!important;
}

}

.instructors_section.section{
background-color: #ffffff;
padding:20px 0px 0px;
}
/*related instructor css end*/