@media screen and (min-width:1366px) {
      .inner_page {
          background-size: 100% auto;
      }
  }
  
  @media screen and (max-width:1200px) {
      .nav > li > a {
          padding: 12px 25px 11px;
          font-size: 13px;
      }
      .sucess_story .left_flower,
      .right_flower {
          margin-top: 105px;
      }
      .unbeatable_price .first_price {
          background-size: 100% auto;
          margin: 54px 0 0 0
      }
      .unbeatable_price .second_price {
          padding-left: 130px;
          font-size: 190px;
      }
      .unbeatable_price .or {
          margin-top: 110px;
      }
      .pricing_table .column span {
          padding: 12px 8px 11px;
      }
      .registration .step div {
          width: 23%
      }
      .registration_form h1 {
          font-size: 32px;
      }
      .scholarly .carousel-control.left,
      .carousel-control.right {
          margin-top: 120%;
      }
  }
  
  @media screen and (max-width:1150px) {
      .tp-caption.love,
      .tp-caption.ring {
          display: none;
      }
  }
  
  @media screen and (max-width:1024px) {
      .nav > li > a {
          padding: 12px 14px 11px;
          font-size: 13px;
      }
      .tp-simpleresponsive .caption,
      .tp-simpleresponsive .tp-caption {
          margin-left: -9%;
      }
      .tp-caption .youtube > img {
          width: 430px !important;
          height: auto !important;
      }
      .register form input,
      .register form .gender,
      .register form .parent_wali_area {
          margin-bottom: 15px;
      }
      .tp-caption.scholar_text,
      .tp-caption.ThinTitle {
          display: none;
      }
  }
  
  @media screen and (max-width:1023px) {
      .register {
          display: none;
      }
      .mobile_register {
          display: block;
      }
      .mobile_register .register {
          display: block;
          max-width: 100%;
          z-index: 1
      }
      .tp-caption.vimeo_video,
      .tp-caption.video_shadow {
          display: table !important;
          margin: auto !important;
          left: 0 !important;
          right: 0!important;
          width: 100%;
          text-align: center;
      }
      .tp-bullets {
          display: none;
      }
      .carousel-control.right {
          right: 20px;
      }
  }
  
  @media screen and (max-width:991px) {
      .banner .logo img {
          max-width: 65%;
          display: block
      }
      .nav > li > a {
          padding: 12px 11px 11px;
          font-size: 13px;
      }
      #country-select {
          width: 80px;
      }
      .top_bar .social_media {
          min-width: 180px;
      }
      .quick_login div [type="text"],
      .quick_login div [type="password"] {
          width: 115px;
      }
      .quick_login span {
          font-size: 12px;
      }
      .why_join .item {
          margin-bottom: 20px
      }
      .sucess_story .left_flower,
      .right_flower {
          display: none;
      }
      .story_slider {
          max-width: 100%;
      }
      .scholarly h1 {
          font-size: 26px;
      }
      .scholarly .youtube_video {
          padding-bottom: 5px;
      }
      .pricing_table .column span {
          max-width: 160px;
          padding: 12px 6px 11px;
          font-size: 12px;
      }
      .pricing_table .column .rate {
          font-size: 42px;
      }
      .pricing_table .column .head {
          font-size: 13.5px;
      }
      .unbeatable_price .first_price {
          margin: 4px 0 0 0;
      }
      .unbeatable_price .first_price .price {
          font-size: 92px;
      }
      .unbeatable_price .first_price .text {
          font-size: 14px;
          margin-top: 22px;
      }
      .unbeatable_price .first_price .text br {
          display: none;
      }
      .unbeatable_price .or {
          margin: 70px 0 0 0;
          font-size: 38px;
      }
      .unbeatable_price .second_price {
          font-size: 146px;
          padding-left: 100px;
          min-height: 266px;
      }
      .ayat {
          background-position: center center !important;
      }
      .registration_form .r_row .r_text {
          width: 115px;
      }
      .registration_form .r_row .r_input {
          width: 290px;
      }
      .side_bar_video h3 {
          font-size: 16px;
      }
      .r_row #what_is_this {
          font-size: 12px;
      }
      .r_row .what_description {
          left: 20px;
          top: 35px;
      }
      .registration_form .select_plan label .plan {
          width: 200px;
          padding: 27px 30px;
      }
      .account_information .month {
          width: 38%;
      }
      .registration_form .select_plan label .plan {
          padding: 50px 30px 20px;
      }
      .top_bar .row .col-sm-1.col-md-2.col-lg-2 {
          display: none;
      }
      .contact_us form textarea{
          width:350px;
      }
  }
  
  @media screen and (max-width:768px) {
      .tp-caption .youtube > img {
          width: 350px !important;
          margin-top: 20px;
      }
      .tp-caption.video_shadow {
          display: none !important;
      }
  }
  
  @media screen and (max-width:767px) {
      .fixed_position {
          top: 180px;
      }
      .fixed_position .facebook_like {
          padding: 0px;
      }
      .fixed_position .support {
          display: none;
      }
      h1 {
          font-size: 26px;
      }
      h2 {
          font-size: 20px;
      }
      .banner .logo_bar {
          width: 75%;
          float: none;
          display: table;
          margin: auto;
      }
      header {
          top: 0;
      }
      .top_bar .social_media {
          display: none;
      }
      .top_bar .active_members span {
          float: left;
          padding-top: 7px;
      }
      .top_bar .active_members .social_media {
          display: none;
      }
      .top_bar #slideshowWrapper {
          margin-top: 10px;
      }
      .top_bar #slideshowWrapper ul li {
          text-align: right;
          padding: 0 0px 0 0
      }
      .top_bar .active_members {
          padding-top: 0;
      }
      .top_bar .halal {
          text-align: right;
      }
      .tp-caption .youtube > img {
          width: 350px !important;
      }
      .banner .logo .slogan {
          float: left;
          width: 100%;
          text-align: center;
      }
      .banner .logo {
          text-align: center;
      }
      .banner .logo img {
          display: table;
          margin: auto;
      }
      .banner .register {
          display: none;
      }
      .menu_bar {
          margin-top: -47px;
      }
      .navbar-default .navbar-toggle {
          border: 1px solid #3B2907;
      }
      .navbar-default .navbar-toggle .icon-bar {
          background: #7C5719;
      }
      .navbar-default .navbar-toggle:hover,
      .navbar-default .navbar-toggle:focus {
          background: #3B2907;
      }
      .nav.navbar-nav {
          width: 100%;
          margin: 0
      }
      .menu_bar .nav.navbar-nav .caret {
          float: right;
      }
      .menu_bar .navbar-collapse {
          background: #3B2907
      }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a {
          color: #FFF;
          background: #896830;
          width: 95%;
          float: right;
      }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #FFF;
          background: #7C5719;
      }
      .navbar-toggle {
          margin: 0;
          padding: 0;
          display: block;
          position: absolute;
          left: -1px;
          top: 30px;
          z-index: 999
      }
      .navbar {
          min-height: 2px;
      }
      .navbar-form {
          padding: 0 30px;
      }
      .navbar-default .navbar-collapse,
      .navbar-default .navbar-form {
          border-color: transparent;
          box-shadow: none;
      }
      .form-control {
          max-width: 250px;
      }
      .mobile_log_in_area {
          display: block;
      }
      .modal-dialog {
          width: 90%!important;
          height: auto !important;
          float: none;
          margin: auto;
      }
      #YouTubeModalBody > iframe {
          width: 98% !important;
          height: auto !important;
      }
      .why_join {
          padding-top: 40px;
      }
      .why_join img[alt="Alpona"] {
          transform: scale(.75)
      }
      .why_join .col-xs-12 {
          max-width: 450px;
          float: none;
          margin: auto;
      }
      .sucess_story .container,
      .scholarly .container,
      .latest_blog .container {
          padding-left: 30px;
          padding-right: 30px;
      }
      .scholarly h1.heading_large {
          display: none;
      }
      .scholarly h1.heading_small {
          display: block;
      }
      .scholarly_main_p {
          margin-top: 30px;
      }
      .scholarly .carousel-control.left,
      .carousel-control.right {
          margin-top: 295%;
      }
      .scholarly .youtube_video {
          padding-bottom: 3px;
      }
      .latest_blog .blogger_image img {
          max-width: 300px;
          margin-bottom: 20px;
      }
      .pricing_table {
          display: none;
      }
      .pricing_table_mobile {
          display: block;
          text-align: center;
      }
      .pricing_table_mobile img {
          width: 100%;
      }
      .ayat p {
          text-align: center;
          font-size: 26px;
      }
      .ayat p span {
          font-size: 28px;
      }
      .unbeatable_price .col-xs-12 {
          max-width: 250px;
          float: none;
          margin: auto;
      }
      .unbeatable_price .first_price .price {
          font-size: 142px;
      }
      .unbeatable_price .first_price .text {
          margin-top: -8px;
      }
      .unbeatable_price .or {
          margin: 20px auto 0;
      }
      .unbeatable_price .col-xs-12.un_text_area {
          max-width: 100%;
      }
      .un_text {
          max-width: 100%;
      }
      .private_image img {
          text-align: left;
      }
      .private h2 {
          font-size: 18px;
      }
      .footer_top .col-xs-12 {
          width: 50%;
          min-height: 240px
      }
      .footer_last .copyright {
          text-align: center;
      }
      .free_space {
          height: 180px;
      }
      .registration_form .r_row .r_text {
          line-height: 22px;
      }
      .registration_form {
          margin-bottom: 70px;
      }
      .side_bar_widget {
          max-width: 500px;
          margin: 0 auto 50px;
      }
      .registration_form .r_row .r_input {
          width: 350px;
      }
      .registration_form .r_row {
          max-width: 500px;
          margin: 0 auto 15px;
      }
      .registration_form .r_row#verification_input_container {
          width:100% !important;
          margin-left:0 !important;
      }
      .r_row_devider {
          max-width: 575px
      }
      .r_row .what_description {
          width: 95%;
      }
      .r_row .what_description img {
          width: 90%;
          white-space: nowrap;
      }
      .free_space .mobile_lan_area_collapsed,
      .free_space .mobile_log_in_area_collapsed {
          top: 70%;
          z-index: 999;
      }
      
      .inner_body .container{
          padding:30px 15px;
      }
      .inner_body .container .panel-body{
          padding-left:15px;
      }
      .inner_body .container .panel-body ol{
          margin-left:15px;
      }
  }
  
  @media screen and (max-width:680px) {
      .tp-caption .youtube > img {
          width: 330px !important;
          margin-top: 00px;
      }
      .banner .logo img {
          width: 40%;
      }
  }
  
  @media screen and (max-width:600px) {
      .tp-caption .youtube > img {
          width: 280px !important;
          margin-top: 10px;
      }
  }
  
  @media screen and (max-width:570px) {
      .scholarly .carousel-control,
      .scholarly .left.carousel-control {
          margin-top: 350%;
      }
      .tp-caption .youtube > img {
          width: 270px !important;
          margin-top: 5px;
      }
      .registration_form .r_row .r_text {
          text-align: left;
      }
      .registration_form .r_row .r_input {
          width: 100%;
          padding: 0
      }
      .carousel-control.right {
          right: 25px;
      }
      .contact_us form input, .contact_us form textarea{
          width:100%;
      }
  }
  
  @media screen and (max-width:480px) {
      #rev_slider_1_1 {
          height: 230px !important;
      }
      .logo img {
          width: 50%;
      }
      .menu_bar {
          margin-top: -32px;
      }
      .banner .logo .slogan {
          font-size: 8px;
      }
      .banner .logo_bar {
          width: 100%;
      }
      .tp-caption .youtube > img {
          width: 200px !important;
          margin-top: 15px;
      }
      .scholarly .col-xs-10 {
          width: 80%;
          padding: 0;
      }
      .scholarly .carousel-control,
      .scholarly .left.carousel-control {
          margin-top: 385%;
      }
      .scholarly .carousel-control > img {
          width: 25px;
      }
      .latest_blog .blog_posts .blog_item .col-xs-4,
      .latest_blog .blog_posts .blog_item .col-xs-8 {
          width: 100%;
      }
      .latest_blog .blogger_image img {
          max-width: 100%;
          margin-bottom: 20px;
      }
      .ayat br {
          display: none;
      }
      .footer_top .col-xs-12 {
          width: 100%;
          min-height: 240px
      }
      .registration .step div {
          /*width:28%;*/
          width: 22%;
      }
      .coupone_code input[type="text"] {
          width: 135px;
      }
      .registration_form .r_row .r_text {
          width: 100%;
      }
      .registration_form .coupone_code input[type="text"] {
          width: 180px;
      }
      /* .mobile_log_in_area_collapsed{top:20%;}	.mobile_lan_area_collapsed{top:20%;} */
      /*== By Sarower ==*/
      .registration .step div span{
          display: none;
      }
      .registration_form .select_plan input.css-checkbox[type="radio"] + label.css-label, .registration_form .select_plan input.css-checkbox[type="radio"] + label.css-label.clr{
          width:95%;
      }
      .registration_form .select_plan label .plan{
          width:100% !important;
      }
  }
  
  @media screen and (max-width:375px) {
      .scholarly .carousel-control,
      .scholarly .left.carousel-control {
          margin-top: 485%;
      }
      .scholarly .right.carousel-control {
          right: 20px;
      }
      .account_information .r_date,
      .account_information .month {
          margin-right: 10px;
      }
      .registration .step div {
          width: 22%;
      }
      .contact_form .g-recaptcha{
          width:100%;
          overflow:hidden;
      }
  }
  
  @media screen and (max-width:360px) {
      .tp-caption .youtube > img {
          margin-top: 25px;
      }
      .menu_bar {
          margin-top: -20px;
      }
      .registration .step div {
          /*width:27%;*/
          width: 22%;
      }
      .r_row #what_is_this {
          font-size: 11px;
      }
  }
  
  @media screen and (max-width:320px) {
      .menu_bar {
          margin-top: -16px;
      }
      .scholarly .col-xs-10 {
          width: 78%
      }
      .scholarly .carousel-control,
      .scholarly .left.carousel-control {
          margin-top: 435%;
      }
      .scholarly .left.carousel-control {
          left: 0px;
      }
      .scholarly .right.carousel-control {
          right: 20px;
      }
      .registration .step div {
          /*width:27%;*/
          width: 22%;
      }
      .account_information .month,
      .account_information .r_date {
          margin-right: 10px;
      }
      .account_information .bootstrap-select > .btn {
          padding-left: 8px;
          padding-right: 20px;
      }
      .registration_form .coupone_code input[type="text"] {
          width: 140px;
      }
  }