/*common Style*/

/*Padding Css*/
.mk_p_0{padding:0 }
.mk_pl_0{ padding-left: 0px !important;}

.mk_pr_0{ padding-right: 0px !important;}
.mk_pr_40{ padding-right: 40px !important;}

.mk_pt_12{ padding-top: 12px !important;}
.mk_pt_40{ padding-top: 40px !important;}
.mk_pt_30{ padding-top: 30px !important;}

.mk_pb_30{ padding-bottom: 30px !important;}


/*Margin Css*/

.mk_ml_20{margin-left: 20px}
.mk_mt_10{margin-top: 10px}
.mk_mt_20{margin-top: 20px}
.mk_mt_40{margin-top: 40px}
.mk_mt_50{margin-top: 50px}
.mk_mt_100{margin-top: 100px;}


.mk_mb_20{margin-bottom: 20px}
.mk_mb_40{margin-bottom: 40px}
.mk_mb_50{margin-bottom: 50px}



/*background color Css*/
.mk_bg_white{background-color: #fff !important}
.mk_bg_light_gray{background-color: #eaeaea !important}

/*Font size*/
.mk_font_16{font-size: 16px !important}
.mk_font_20{font-size: 20px !important}


/*Fonr Weight*/
.mk_font_weight_700{font-weight: 600 !important;  }
.mk_font_weight_500{font-weight: 500 !important;  }
.mk_font_weight_400{font-weight: 400 !important;  }
.mk_font_weight_300{font-weight: 300 !important;  }

/*Buttons*/
.mk_primary_button{background-color: #ffbc00 !important; color: #000 !important; border-radius:5px;padding:12px 40px !important;font-size: 16px}
.mk_primary_button:focus{outline: none !important;}


.mk_close_button{background-color: #d9d9d9 !important; color: #000 !important; border-radius:5px;padding:12px 40px !important;font-size: 16px}

.mk_default_button{background-color: #d9d9d9 !important; color: #000 !important; border-radius:5px;padding:12px 40px !important;font-size: 16px}


.position-relative {
    position: relative !important;
}

.mk_w_100{float: 
left; width: 100%}

::-webkit-input-placeholder { /* Edge */
  color: #ededed;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ededed;
}

::placeholder {
  color: #ededed;
}



/*Error Message*/
.mk_error{    border: 1px solid #f00 !important;}





body{font-family: 'Montserrat', sans-serif;}
/*Form Style*/
.mk_slider_content_form{background: rgb(58 56 53 / 60%) !important;}

.mk_slider_content_form .form-control{height: 50px !important;   border-radius: 2px !important;box-shadow: 0 0 10px #000d !important;}
.mk_slider_content_form form{margin-top: 20px}



/*End Form Style*/

.navbar-fixed-top{background-color: rgba(0,0,0,0.2)}

.mk_header_text{color: #fff !important;  padding: 18px 0px;
    font-weight: 500;}
    .mk_header_text span{font-weight: 700 !important}
/*banner video*/

.bg-video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;

}
.bg-video-wrap video {
  min-width: 100%;
  width: 100%;
  min-height: 100vh;
  z-index: 1;
}
.overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(45deg, rgba(0,0,0,.3) 50%, rgba(0,0,0,.1) 50%);
  background-size: 3px 3px;
  z-index: 2;
}
.mk_video_slider_text_outer{position: absolute;    z-index: 998;    top: 20%;    width: 100%;}

.mk_slider_content{    background: rgba(255,255,255,0.7);
    padding: 0px;
    border-radius: 10px;}

.mk_slider_content h2 {
    font-size: 30px;
    color: #000;
    margin: 0 0 15px;
    text-align: center;
  }

 .mk_slider_content a.enrol-nw {
    border-radius: 5px !important;
    padding: 7px 25px;
    background-color: #ffbc00;
    color: #000;
    display: inline-block;
    margin-top: 25px;
    transition: all ease 0.5s;
    font-size: 16px;
}


  .mk_slider_content a.enrol-nw:hover {
    background-color: #ce9802;
}
.mk_v_c_banner_tx{padding: 16px 25px 40px; text-align: center;}

.mk_b_1_2_1_text{padding: 10px;
    text-align: center;
    background-color: #ffbc00;
    font-size: 20px;
    border-radius: 12px 12px 0 0;}

/*banner Text Css*/

.mk_banner_ul li:before{
left: -20px;
    top:5px;
    content: "\f105";
    font-family: FontAwesome;
    width: 16px;
    height: 16px;
    line-height: 14px;
    text-align: center;
    border-radius: 2px;
    font-size: 18px;
    color: #000000;
    background: #ffbc00;
    margin-right: 8px;
    padding: 1px 6px;
    margin-bottom: 10px;
    position: absolute;

}
 


/*New Banner Text*/
.mk_smart_text_copy{font-size: 21px !important; }
.mk_banner_ul li{font-size: 16px !important; font-weight: 500 !important; position: relative;line-height: 26px}

.bg-video-wrap video{  min-width: 100%; 
  min-height: 100%; 

  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;

  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);}




.mk_video_slider_text_outer .mk_banner_sub_title{background-color: rgb(255, 188, 0, 0.3); padding: 6px 20px; display: inline-block; font-size: 24px !important; color: #000000; border-radius: 5px; line-height: 34px; }
.mk_banner_copy{font-size: 16px !important; line-height: 24px !important; margin-top: 20px !important; font-weight: 100 !important; color: #000 !important; font-weight: 400 !important}
.mk_banner_signup_btn{padding: 12px 36px !important; text-decoration: none !important}
.mk_banner_login_btn{padding: 12px 36px !important; min-width: 160px; text-align: center !important;text-decoration: none !important}
.mk_banner_login_btn:hover{background-color: #ce9802 !important;}

/*2ed Sec*/
.mk_curious_about {
    padding:0px;
}
.mk_curious_about .heading {
    font-size: 82px;
    margin: 10px 0 0;
    color: #000;
    text-align: left;
    font-weight: 600
}
.mk_curious_about .heading span {
    display: block !important;
    font-size: 54px !important;
    font-family: "robotolight";
}
.mk_ul_li_point{padding-left: 0 !important}
.mk_main_title:after{    content: ''; height: 2px; background-color: #ffbc00; width: 160px; position: absolute; bottom: 8px; left: 30px; }
.mk_ul_li_point li{font-size: 14px !important; display: inline-block; padding: 8px 14px;position: relative; }
.mk_ul_li_point li:after{content: '\f101'; position: absolute; left: 0; font-family:FontAwesome }
.mk_video_box{width: 100%}
/*.mk_ul_li_point li:first-child{padding-left: 0px !important}*/

/*Video Counselling Sec*/
.mk_video_box:before{content: ''; background-image: url(https://www.hitbullseye.com/video-counselling/images/dots.png); position: absolute; left: -2px; top: -16px; height: 144px; width: 181px; background-repeat: no-repeat; z-index: -1; }
.mk_video_right_text{font-size: 18px !important; line-height: 27px !important}
.mk_enroll_div{float: left; width: 100%}
.mk_enroll_now_btn{background-color: #ffbc00; color: #000; padding: 14px 46px; border-radius: 5px;text-decoration: none}
.mk_counselling_outer{float: left; width: 100%; background-color: #ebebeb; padding:32px 40px;}
.mk_counselling_outer .mk_c_details_ul {margin-bottom: 10px !important}
 .mk_li_content_card_1 {position: absolute; position: absolute; width: 310px; bottom: 30%; right: 0; z-index: 1; margin-right: 0px; background-color: #ebebeb; padding: 60px 25px 34px 19px; }

.abs_content:after {content: ""; position: absolute; background: transparent; left: 0; bottom: -43px; width: 100%; height: 52px; border-left: 337px solid #ebebeb; 
border-top: 0 solid transparent; border-bottom: 30px solid transparent; z-index: 0;}
.mk_video_ico{width: auto !important; position: absolute; top: -24px; left: -24px;}
.mk_one_to_one{font-size: 24px !important}
.mk_video_c_text{font-weight: 600 !important}
.mk_video_c_p_text{font-size: 16px ; text-align: right; line-height: 19px !important; margin-top: 20px; margin-bottom: 0 }



/*Question Section*/
.mk_got_question_section{padding:50px 0;    background: transparent;}
.mk_shape_1{position: absolute; content: ""; left: 10px; top: 0; width: 90%; height: 100%; background: #ffbc00; 
-webkit-transform: skewX(5deg ) skewY(0deg); transform: skewX(5deg ) skewY(0deg ); border-radius: 64px 0 0 0px; opacity: 1;z-index: -1 }



.mk_shape_2 {
position: absolute;
    width: 70%;
    height: 50%;
    bottom: -62px;
    background: #ffbc00;
    left: 20px;
    -webkit-transform: skewY( 
2deg
 ) skewX( 
4deg
 );
    transform: skewY( 
2deg
 ) skewX( 
4deg
 );
    border-radius: 0 0 0 49px;
    opacity: 1;
    z-index: -1
}

.mk_shape_bg{position: relative; padding: 85px 0 98px;}


.mk_q_content:after {  position: absolute;
    content: "";
    right: 38px;
    bottom: -67px;
    width: 73%;
    height: 28%;
    -webkit-transform: skewX( 
2deg
 ) skewY( 
4deg
 );
    transform: skewX( 
348deg
 ) skewY( 
3deg
 );
    border-radius: 0px 0px 57px 0px;
    background: #ffbc00;
    z-index: -1;
    opacity: 1;
}


.banner-text-mobile{display: none}

.mk_shape_half:before {position: absolute; content: ""; right: -10%; top: 0; width: 36%; height: 100%; background: #ffbc00;
 -webkit-transform: skewX(345deg   ) skewY(0deg ); transform: skewX(345deg  ) skewY(0deg ); border-radius: 0px 65px 0px 0px; z-index: -1; opacity: 1;z-index: -1 }
.mk_got_q_h4{font-size: 22px !important; line-height: 27px !important; z-index: 99999; text-align: center;margin-bottom: 60px !important; font-weight: 700}
.mk_q_content{    padding: 80px 0px;
    float: left;
    width: 100%;}

.mk_smart_text_1{font-size: 28px !important; margin-bottom: 0 !important}
.mk_smart_text_2{font-size: 18px !important; margin-bottom: 0 !important}
.mk_q_bottom_txt{font-size: 22px !important; line-height: 27px !important; margin-bottom: 0; z-index: 9999; text-align: center;font-weight: 600}




.y-hsee{padding: 70px 0}
/*Expert*/
#owl_mk_demo .owl-nav{    position: absolute !important; 
    top: -80px !important;
    right: 0 !important;}
#owl_mk_demo .owl-prev{float: left !important; float: right;
    background: #f5e4b5;
    color: #fff;
    padding: 10px 15px;
    margin-left: 5px;
    cursor: pointer;
    border-radius: 50%;color: #e0c074;
}
#owl_mk_demo .owl-next{    float: right !important; float: right;
    background: #f5e4b5;
    color: #fff;
    padding: 10px 15px;
    margin-left: 5px;
    cursor: pointer;
    border-radius: 50%;color: #e0c074;
}

.mk_expert_section{padding:50px 0;    background-color: #f2f2f2;}
.mk_expert_special{color: #fa2d2d; font-size: 14px; margin-bottom: 5px}
.mk_expert_name{font-size: 18px !important; font-weight: 700; color: #000}

#owl_mk_demo .item{
   margin: 15px 0px;
    float: left;
    width: 100%;
        height: auto !important;
    padding: 0 !important;

}
#owl_mk_demo .item img{
  display: block;
  width: 100%;
  height: auto;
}
.mk_expert_content{  float: left;
    width: 100%;
    text-align: center;
    padding: 8px 20px;
    background-color: #e6e6e6;}
.mk_meet_expert_title{font-size: 44px !important; line-height: 47px; font-weight: 800; margin-bottom: 30px}

/*.owl-carousel .item {
    height: 10rem;
    background: #4DC7A0;
    padding: 1rem;
}
*/
.mk_btn_outer{    position: absolute;
    right: 15px;
    top: 20%;
}
.mk_customNextBtn, .mk_customPreviousBtn{
    float: right;
    background: #f5e4b5;
    color: #fff;
    padding: 10px 15px;
    margin-left: 5px;
    cursor: pointer;
    border-radius: 50%;
}
.mk_customNextBtn i, .mk_customPreviousBtn i{
 color:#e0c074
}


.mk_expert_box_new{    float: left;
    width: 100%;
    background-color: #fff;
    box-shadow: 1px 3px 8px 2px #cdcdcd;
    padding: 0 !important;    border-radius: 5px !important;}
       .mk_expert_content p{margin-bottom: 0 !important;padding: 4px 0px !important;}
    


/*Why hitbulls*/
.mk_why_hit_bull_section{padding:70px 0;}
.mk_why_hitbulls{font-weight: 500 !important; text-align:center !important; font-size: 34px !important; margin-bottom: 40px}
.mk_sub_heading_why_hitbull{font-size: 15px !important; line-height: 
21px !important; text-align: center;padding:0 20px;}
.mk_why_hitbulls_3_column{margin-top: 40px}
.mk_why_hitbulls_3_column .mk_col_1{    background-color: #f2f2f2 !important;
    padding: 40px;
    text-align: center;
    box-shadow: 0px 0px 10px 0px #cdcdcd;overflow: hidden;    position: relative;  min-height: 225px
}
.mk_industry_expert{font-size: 20px !important; line-height: 21px; font-weight: 600}

.mk_industry_expert_p{font-size:20px !important; line-height:22px !important; margin-top: 15px}
.mk_yellow_before{    background-color: #ffbc00;
    position: absolute;
    width: 40px;
    height: 55px;
    left: -6px;
    top: -20px;}

    .mk_why_hitbulls_3_column .mk_col_1:after{    content: '';
    background-image: url(https://www.hitbullseye.com/video-counselling/images/why_ico_1.png);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 82px;
    height: 41px;
}
   .mk_why_hitbulls_3_column .mk_col_2:after{    content: '';
    background-image: url(https://www.hitbullseye.com/video-counselling/images/why_ico_2.png);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 63px;
    height: 63px;
}
   .mk_why_hitbulls_3_column .mk_col_3:after{    content: '';
    background-image: url(https://www.hitbullseye.com/video-counselling/images/why_ico_3.png);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 63px;
    height: 60px;
}
nav.scrolled{background-color: rgba(0,0,0,0.5)}


/*2 Apr New Css*/
.mk_sec_counselling_services{ padding:60px 0; background-color: #eaeaea }


.mk_counselling_s_title{font-weight: 500 !important;
    text-align: center !important;
    font-size: 34px !important;
    margin-bottom: 20px; }
    .mk_c_c_services_copy{ font-size: 15px !important;
    line-height: 21px !important;
    text-align: center;
    padding: 0 20px;}

.c_c_service_box{    /*box-shadow: 0 3px 3px -2px rgb(39 44 51 / 10%), 0 3px 4px 0 rgb(39 44 51 / 4%), 0 1px 8px 0 rgb(39 44 51 / 2%);

    margin-bottom: 1.5rem;

    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #dfe2e6;
    border-radius: .5rem;
    overflow: hidden;*/
    padding: 20px 0;
  /*  position: relative;*/
}

/* .mk_bg_color_1 {
    background-color: #5567ff!important;
}
.mk_services_card_img{ transform: scale(1.7); width: 100%; height: 100%}
.mk_c_s_name{    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    padding: 14px 10px;
    color: #fff;
    font-weight: 400;
    text-align: center;}*/

.mk_c_hidden_copy{float: left;width:100% !important; margin-bottom: 20px !important; padding: 10px 18px}

.fancy-card{
  background: #eee;
  width: 100%;
  display: block;
  float: left;
  position: relative;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  transition: all 250ms ease-in;
  min-height: 300px;
  background-size: cover;
  background-position: center center;
  margin-bottom: 30px;
}
.fancy-card.one{
   background-image: url("https://www.hitbullseye.com/video-counselling/images/mba.jpg");
}
.fancy-card.two{
   background-image: url("https://www.hitbullseye.com/video-counselling/images/law.jpg");
}

.overlay_two_color{background-color: rgb(4 169 70 / 48%) !important}

.fancy-card.three{
   background-image: url("https://www.hitbullseye.com/video-counselling/images/bba.jpg");
}

.fancy-card .bg-overlay{
    background: rgba(0,0,0,0.45);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: all 200ms linear;
}
.fancy-card .content{
  padding: 30px 40px;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
/*  align-items: center;*/
  flex-direction: row;
}
.fancy-card .content .primary{
  width: 100%;
  transition: all 250ms ease-out 200ms;
  opacity: 1;
  transform: translate3d(0px, 0px, 1px);
  padding: 40px 0;
}
.fancy-card .content .secondary{
  position: absolute;
  opacity: 0;
  left: 0px;
  transform: translate3d(0px, 30px, 1px);
  transition: all 200ms linear 0ms;
  padding-left: 35px;
  padding-right: 35px;
}

.fancy-card .button{
  border: solid 1px #fff;
  padding: 8px 12px;
  display: inline-block;
  border-radius: 2px;
  margin: 12px auto;
}


/*horizontal border elements (top & bottom)*/
.fancy-card .v-border{
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
}
.fancy-card .v-border:before,
.fancy-card .v-border:after{
  width: 0%;
  height: 1px;
  left: 50%;
  transition: all 250ms ease-out;
  background: #fff;
}
.fancy-card .v-border:before{
  content: '';
  top: 10%;
  position: absolute;
}
.fancy-card .v-border:after{
  content: '';
  bottom: 10%;
  position: absolute;
}

/*horizontal elements (left & right)*/
.fancy-card .h-border{
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
}
.fancy-card .h-border:before,
.fancy-card .h-border:after{
  height: 0%;
  top: 50%;
  width: 1px;
  transition: all 250ms ease-out;
  background: #fff;
}
.fancy-card .h-border:before{
  content: '';
  left: 10%;
  height: 0%;
  position: absolute;
}
.fancy-card .h-border:after{
  content: '';
  right: 10%;
  position: absolute;
}


/*hover states for interactivity*/
.fancy-card:active .v-border:before,
.fancy-card:active .v-border:after,
.fancy-card:hover .v-border:before,
.fancy-card:hover .v-border:after{
  width: 90%;
  left: 5%;
}
.fancy-card:active .h-border:before,
.fancy-card:active .h-border:after,
.fancy-card:hover .h-border:before,
.fancy-card:hover .h-border:after{
  height: 90%;
  top: 5%;
}

/*hovering over card, shadow effect*/
.fancy-card:active,
.fancy-card:hover{
  box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.3);
}
/*hovering over card, adjust primary element*/
.fancy-card:active .content .primary,
.fancy-card:hover .content .primary{
  opacity: 0;
  transform: translate3d(0px, 20px, 1px);
  transition: all 200ms linear 0ms;
}
.fancy-card:active .content .mk_angle_click,
.fancy-card:hover .content .mk_angle_click{
    opacity: 0;
  transform: translate3d(0px, 20px, 1px);
  transition: all 200ms linear 0ms;
}
/*hoverijng over card, adjust secondary element*/
.fancy-card:active .content .secondary,
.fancy-card:hover .content .secondary{
  opacity: 1;
  transform: translate3d(0px, 0px, 1px);
  transition: all 200ms linear 200ms;
}

/*hovering over card, adjust background overlay*/
.fancy-card:active .bg-overlay,
.fancy-card:hover .bg-overlay{
  background: rgba(0,0,0,0.45);
}
.mk_angle_click{display: inline-block;
    background-color: #ffbc00;
    padding: 10px 15px;
    border-radius: 0;
    position: absolute;
    right: 0;
    bottom: 0;}

/*Counselling details*/
.mk_c_details_section{padding: 70px 0}
.mk_c_details_copy{    font-size: 18px;
    font-weight: 100 !important;
    text-transform: uppercase !important;
    color: #000 !important;}

.mk_c_details_title{font-size: 34px !important;
    }

.mk_c_details_ul{margin-top: 20px; margin-bottom: 40px !important}
.mk_c_details_ul li{font-size: 14px;
    line-height: 30px;
    color: #000;position: relative;
    padding-left: 34px;}
.mk_c_details_ul li:before{
 left: 0px;
    top: 12px;
    content: "\f105";
    font-family: FontAwesome;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 2px;
    font-size: 18px;
    color: #d03c5b;
    background: #dedede;
    margin-right: 8px;
    padding: 1px 6px;
    margin-bottom: 10px;
        position: absolute;
  
    top: 2px;

}
 
.book_your_slot{
    background-color: #ffbc00;
    color: #000;
    padding: 14px 46px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    border-radius: 0;
    box-shadow: 5px 3px 8px 4px #d9d9d9;
    transition: all 250ms ease-in;
}

.book_your_slot:hover{background-color: #e89900 !important;transition: all 250ms ease-in;}
.c_image_big{padding: 30px 0; width: 100%}

.bg_1_counselling{background-color: #f1f1f1 !important;}
.mk_cta_section{padding: 60px 0px 10px;height: 100%;background-color: #ffbc00;}
.mk_cta_text{padding: 2px 20px; float: left;
width: 100%}
.mk_cta_img{
/*box-shadow: -1px 12px 17px 6px #d8d8d8;
    border-radius: 6px;*/
margin: 0 auto
  }
  .mk_cta_section .mk_c_details_ul {
    margin-bottom: 15px !important;
}
.mk_cta_p_copy{margin-bottom: 20px; margin-top: 20px !important}

.cta_sign_up{    
    padding: 10px 25px !important;
    border-radius: 5px !important; display: inline-block; box-shadow: none !important; background-color: #fff !important; border: 1px solid #8e8e8e !important;font-size:14px;}


.cta_sign_up span{text-transform:capitalize;}
.cta_sign_up:hover{background-color: #d9d9d9 !important}
    .cta_login:hover{background-color: #d9d9d9 !important}
.cta_login{
     background-color: #fff !important; color: #000 !important;display: inline-block;
    padding: 10px 25px !important; margin-right: 10px;font-size:14px;
    border: 1px solid #8e8e8e !important;border-radius: 5px !important; box-shadow: none}
.cta_login span{text-transform:capitalize;}
#signup_login{margin-top: 0%}

/*Login POPUP*/
.counselling .modal-as-new{position: fixed !important;}



/*14 Apr Css*/
.mk_number_highlight{
font-size: 50px !important;
    color: #000000;
   
    display: inline-block;
   
   
    text-align: center;
   
    position: relative;
}
/*.mk_number_highlight sub{
position: absolute;
    right: 8px;
    top: 28px;
    font-weight: 100 !important;
    font-size: 28px;}*/
   .mk_class_text{font-size: 32px !important;
    text-shadow: 0px 0px 0px #b3b3b3 !important; margin-bottom: 0 !important}

.primary h2{font-size: 18px;
    font-weight: 200 !important; letter-spacing: 0.1px; margin-top: 40px}



.quote-card {
  background: transparent;
  color: #222222;
  padding: 20px;
  padding-left: 50px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  min-height: 120px;
  border:none !important;
}
.quote-card p {
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  max-width: 100%;
  position: relative;
  z-index: 999
}
.quote-card cite {
  font-size: 16px;
  margin-top: 10px;
  display: block;
  font-weight: 200;
  opacity: 0.8;
}
.quote-card p:before {
    content: "\f10d";
    font-family: fontawesome;
    position: absolute;
        top: -19px;
    left: -19px;
    font-size: 3em;
    color: rgba(238, 238, 238, 0.2);
    font-weight: normal;
}
.quote-card p:after {
    content: '\f10e';
    font-family: 'FontAwesome';
    position: absolute;
    bottom: -30px;
    line-height: 60px;
    right: 0px;
    font-size: 3em;
    color: rgba(222, 222, 222, 0.2);
    font-weight: normal;
}
.color_1_mk{color: #da5aa7 !important}
.color_2_mk{color: #fb6e2b !important}
.mk_mdn_img_outer{/*box-shadow: 0 0 4px 0px #cacaca; */background-color: transparent !important}
.mk_mdn_img_outer p{    text-align: center;
    font-size: 24px;
    padding: 10px 0 10px;
    margin-bottom: 0;
    background-color: #e3e3e3;}


@media(min-width: 768px){
/*Common*/
.mk_pr_d_0{padding-right: 0 !important}
.mk_pl_d_0{padding-left: 0 !important}

}


@media(min-width: 200px) and (max-width: 767px)
{
  .banner-text-mobile{display: block;}
  .mk_video_slider_text_outer{display: none}
  .banner-text-mobile .mk_slider_content {padding: 30px 12px;}
  .bg-video-wrap{height: 100%}
  .bg-video-wrap video{min-height: 100%}
  .mk_main_title:after{display: none}
  .mk_counselling_outer.mk_mt_100{margin-top: 0}
  .mk_shape_1{display: none}
  .mk_shape_2{display: none;}
  .mk_q_content:after{display: none}
  .mk_shape_bg{background-color: #ffbc00}
  .mk_shape_bg .col-md-4{text-align: center; margin-bottom: 20px}
  .mk_shape_bg{padding-top: 0}
  .mk_expert_content{padding:15px 0;}
  .mk_why_hitbulls_3_column .mk_col_1{margin-bottom: 20px}
  .mk_meet_expert_title { font-size: 27px !important;line-height: 32px;}
  .ico_secure {margin:0 auto;}
  .mk_curious_about .heading {
    font-size: 35px;}
    .mk_curious_about .heading span {
    font-size: 25px !important;}
    .mk_curious_about .heading{margin-bottom: 20px}
    .cta_login{padding: 12px 43px !important; text-transform: none; display: block;margin-right: 0 !important}
    .cta_sign_up {padding: 12px 14px !important; display: block;}
    .mk_cta_text{padding: 4px 0 !important}
    .mk_slider_content h2{font-size:20px !important}
    .mk_smart_text_copy{font-size: 16px !important}
    .mk_curious_about{padding: 10px 0 !important}
    .banner-text-mobile .mk_v_c_banner_tx {
    padding: 20px 20px 20px;background-color: #efefef;}
    .banner-text-mobile .mk_b_1_2_1_text{margin-bottom: 0 !important; font-size: 15px !important}
    .abs_content:after{border-left: 310px solid #ebebeb;}
    .mk_cta_p_copy{margin-bottom: 20px !important; margin-top: 15px !important}
    .mk_c_details_title{font-size: 22px !important}
    /*14 Apr - new Css*/
    .bg-video-wrap video {
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
     position: inherit;
     top: 0%; 
     left: 0%; 
     transform: translate(0%,0%); 
}
.mk_c_details_ul li {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}
.mk_why_hitbulls_3_column .mk_col_1{    padding: 14px;
    min-height: 140px;}
    .mk_c_details_ul li:before {
    width: 18px;
    height: 18px;
    line-height: 17px;
    top: 0px;
}
.quote-card p{font-size: 14px !important; }
.c_image_big{display: none}
#signup_login{margin-top: 0%}

.mk_why_hitbulls{margin-bottom: 20px !important}
.mk_number_highlight{font-size: 40px !important}
.mk_counselling_s_title {font-size: 28px !important;}
.mk_class_text{font-size: 26px !important}
 .mk_c_details_section{padding:30px 0  } 
 .quote-card{padding-left: 20px !important}
 .mk_cta_section{padding:30px 0 0 !important;}
 .mk_sec_counselling_services{padding: 30px 0}
 .c_c_service_box{padding:0 }
 .mk_why_hit_bull_section{padding:30px 0 }
 .mk_expert_section{padding:30px 0 }
 .y-hsee{padding: 30px 0}
 .book_your_slot{font-size: 14px}
}



/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .mk_main_title{font-size: 75px !important}
  .mk_main_title span{font-size: 64px !important}
  .mk_shape_1{display: none}
  .mk_shape_2{display: none;}
  .mk_q_content:after{display: none}
  .mk_shape_bg{background-color: #ffbc00}
  .mk_shape_bg .col-md-4{text-align: center; margin-bottom: 20px}
  .mk_shape_bg .mk_pl_0{padding-left: 15px !important;}
  .mk_main_title:after {width: 150px;bottom: 2px;left: 23px;}
  .mk_counselling_outer.mk_mt_100{margin-top: 0 !important}
  .mk_video_ico{left: -6px}
  .ico_secure {margin: 0 auto}
.mk_why_hitbulls_3_column .mk_col_1{padding: 30px 15px !important}
.mk_expert_content{padding: 32px 0px 0px;}
.mk_li_content_card_1{bottom: 25% !important; right: -1px}
.abs_content:after{bottom: -47px}
}



/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.mk_counselling_outer {
    padding: 26px;
}

.mk_smart_text_1 {
    font-size: 24px !important;
    padding-top: 0 !important;
}
.mk_smart_text_2 {
    font-size: 14px !important;
    margin-bottom: 0 !important;
}
.mk_expert_content {
    padding: 24px 0px 0;
}
.mk_li_content_card_1{bottom:35%;right: -1px}
.abs_content:after{    border-left: 311px solid #ebebeb;}

}


/*iPad Pro*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait)
  {

    .mk_counselling_outer.mk_mt_100 {
    margin-top: 45px !important;
    padding: 27px;
}
.mk_smart_text_1 {padding-top: 0 !important}
.mk_shape_bg{padding-top: 0 !important;}
.mk_smart_text_1 {text-align: left}
.mk_smart_text_2{text-align: left;}
.mk_expert_content {
    padding: 22px 0px 0px;
}
  }

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape)
  {
.mk_expert_content {
    padding: 34px 0px 0px;
}

  }
