.course-detail-main{}

.course-detail-section{background: #F6F1EA; padding: 100px 0;}
.course-detail-outer{}
.course-detail-head{padding: 0 0 30px; border-bottom: 5px solid #9b835d; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.course-detail-headl{width: 30%;}
.course-detail-headl a{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.course-detail-headl a img{width: 75px;}
.course-detail-headl a span{margin: 0 0 0 10px; color: #3C2517; font-size: 24px; font-weight: 600;}
.course-detail-blk{margin: 0 0 140px; background: #fff; padding: 100px 40px;}
.course-detail-tp{margin: 0 0 30px;}
.course-detail-tpblk{margin-left: -20px; margin-right: -20px; display: -webkit-box; display: -ms-flexbox; display: flex;}
.course-detail-tplft{width: 42%; padding: 0 20px;}
.course-detail-tpimg{}
.course-detail-tpimg img{width: 100%;}
.course-detail-tprgt{width: 58%; padding: 0 20px;}
.course-detail-tpcnt{word-break: break-word;}
.category-name{margin: 0 0 30px;}
.category-name span{display: inline-block; color: #333; border-bottom: 1px solid #808080; font-size: 16px;}
.course-detail-tpcnt h1{font-weight: bold; font-size: 24px; line-height: 37px; letter-spacing: 0.05em; color: #000000; margin: 0;}
.price-blk{text-align: right; margin: 0 0 10px;}
.price-blk h2{font-weight: bold; font-size: 24px; line-height: 37px; letter-spacing: 0.05em; color: #000000; margin: 0;}
.price-blk h2 span{margin: 0 0 0 30px;}
.course-detail-tpcnt p{font-weight: bold; font-size: 18px; line-height: 25px; color: #000000; margin: 0 0 10px;}
.course-detail-reser{border-bottom: 1px solid #000000; padding: 0 0 20px; margin: 0 0 20px;}
.course-detail-reser span{background: #9A835F; font-weight: 600; font-size: 18px; line-height: 27px; color: #FFFFFF; display: inline-block; padding: 10px 20px;}
.course-detail-tpcnt ul{margin: 0; padding: 0;}
.course-detail-tpcnt ul li{list-style-type: none; padding: 0 0 2px;}
.course-detail-tpcnt ul li h3{font-weight: normal; font-size: 16px; line-height: 27px; color: #333; margin: 0;}

.course-detail-mdl{margin: 0 0 60px;}
.course-detail-list{}
.course-detail-list ul{margin-left: -20px; margin-right: -20px; margin-bottom: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.course-detail-list ul li{width: 25%; padding: 0 20px; list-style-type: none; margin: 0 0 30px;}
.course-detail-img{background-repeat: no-repeat; background-size: cover; background-position: top center; height: 240px;}
.course-detail-img img{width: 100%; opacity: 0; visibility: hidden;}

.course-detail-btm{padding: 0 140px;}
.course-detail-btminr{margin: 0 0 60px;white-space: pre-wrap;}
.course-detail-btminr p{font-size: 16px; margin: 0;}
.btminr-title{display: none;}
.course-detail-btmcm{margin: 0 0 30px;}
.course-detail-btmcm h3{font-weight: 600; font-size: 18px; line-height: 26px; color: #000000; margin: 0 0 10px;}
.course-detail-btmcm h3 i{padding: 0 2px 0 0;}
.inr-blk{padding: 0 0 0 16px;}
.inr-blk h4{font-weight: 600; font-size: 16px; line-height: 23px; color: #000000; margin: 0;}
.inr-blk > ul{margin: 0; padding: 0;}
.inr-blk > ul > li{list-style-type: none; font-weight: 600; font-size: 18px; line-height: 26px; color: #000000; padding: 0;}
.inr-blk > ul.glasses-blk{}
.inr-blk > ul.glasses-blk li{display: -webkit-box;display: -ms-flexbox;display: flex;}
.inr-blk > ul.glasses-blk li h5{font-weight: 600; font-size: 18px; line-height: 26px; color: #000000; margin: 0 30px 0 0;}
.inr-blk > ul.glasses-blk li h6{font-weight: 600; font-size: 18px; line-height: 26px; color: #000000; margin: 0;}
.course-detail-btmbtn{}
.course-detail-btmbtn span{background: #9A835F; font-weight: 600; font-size: 18px; line-height: 27px; color: #FFFFFF; display: inline-block; padding: 10px 20px;}

.cm-nav {margin: 0 0 140px;}

.reservation-outer {margin: 0 0 140px; padding: 0;}



/*=====Media Query Css Start======*/

@media all and (max-width:1366px) {
    
}

@media all and (max-width:1024px) {
    .course-detail-head{flex-direction: column;}
    .course-detail-headl{width: 100%; margin: 0 0 10px;}
    
    .course-detail-img{height: 200px;}
}

@media all and (max-width:960px) {
    .course-detail-img{height: 150px;}
    .course-detail-btm {padding: 0 70px;}
    .cm-nav ul li a{width: 200px;}
}

@media screen and (max-width:767px) {
    .course-detail-section{padding: 60px 0;}
    .course-detail-head{padding: 10px 0; border: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
    .course-detail-headl {margin: 0 0 8px;}
    .course-detail-headl a img {width: 63px;}
    .course-detail-headl a span{font-size: 20px;}
    .course-detail-blk{margin: 0 0 50px; background: transparent; padding: 0px;}
    .course-detail-tp {margin: 0 0 20px;}
    .course-detail-tpblk{margin: 0px; -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .course-detail-tplft{width: 100%; margin: 0 0 18px; padding: 0;}
    .course-detail-tprgt{width: 100%; padding: 0;}
    .category-name {margin: 0 0 10px;}
    .category-name span{font-size: 16px;}
    .course-detail-tpcnt h1{font-size: 18px; line-height: 26px; margin: 0 0 8px;}
    .price-blk{margin: 0 0 8px;}
    .price-blk h2{font-size: 18px; line-height: 26px;}
    .price-blk h2 span {margin: 0 0 0 10px;}
    .course-detail-tpcnt p{font-size: 13px; line-height: 17px;}
    .course-detail-reser{padding: 0 0 10px; margin: 0 0 10px;}
    .course-detail-reser span{font-size: 12px; line-height: 17px; padding: 7px 4px;}
    .course-detail-tpcnt ul li h3{font-size: 12px; line-height: 18px;}
    
    .course-detail-mdl {margin: 0 0 30px;}
    .course-detail-img {height: 130px;}
    .course-detail-list ul{margin-left: -6px; margin-right: -6px;}
    .course-detail-list ul li{padding: 0 6px; margin: 0 0 14px; width: 50%;}
    
    .course-detail-btm{padding: 20px; background: #fff;}
    .course-detail-btminr {margin: 0 0 40px;}
    .course-detail-btminr p {font-size: 14px; line-height: 18px;}
    .btminr-title{display: block; margin: 0 0 20px;}
    .btminr-title h2{font-weight: 600; font-size: 18px; line-height: 26px; color: #000000; margin: 0; text-align: center;}
    .course-detail-btmcm {margin: 0 0 20px;}
    .course-detail-btmcm h3{font-size: 13px; line-height: 19px; margin: 0 0 2px;}
    .inr-blk {padding: 0 0 0 14px;}
    .inr-blk h4{font-size: 13px; line-height: 19px;}
    .inr-blk > ul > li{font-size: 13px; line-height: 19px;}
    .inr-blk > ul.glasses-blk li h5{font-size: 13px; line-height: 19px; margin: 0 20px 0 0;}
    .inr-blk > ul.glasses-blk li h6{font-size: 13px; line-height: 19px;}
    .course-detail-btmbtn span{font-size: 12px; line-height: 17px; padding: 11px 0px; width: 100%; text-align: center;}
    
    .cm-nav {margin: 0 0 50px;}
    
    .reservation-outer{margin: 0 0 60px;}
    .reservation-blk{background: #fff;}
    
    .course-blk {margin: 0;}
    
}


/*=====Media Query Css End======*/