@media only screen
and (max-width : 1400px) {
  .main_logo {top: 40px;max-width: 189px;}
  nav.page_nav ul li {margin: 0 2px;}

  .slider figure img {position: relative;   left: -26px;}

  .btm3-thumb {right: -28px;   height: 857px;}
  .btm3-thumb img {height: 100%;   object-fit: cover;   object-position: center;}
}

@media only screen
and (max-width : 1200px) {
  nav.page_nav ul li a {padding: 0 6px;font-size: 13px;}
  .main_logo {position: static;transform: translateX(0);}
  header {background: #fff;   padding: 20px 0 0;}
  nav.page_nav ul li.menu-split {margin-left: unset;}
  nav.page_nav ul {justify-content: space-evenly;}
  nav.page_nav {padding: 30px 0}

  .slider figure img {left: -123px;}

  .middle_con ul li {margin: 0 37px;}

  main {width: 636px;}
  .main_thumb {left: -67px;}

  .books-list figure {width: 300px;   padding: 60px;}
  .books-list li {max-width: 300px}
  .books-track {width: 500px;}

  .btm3_con {max-width: 510px;}

  .footer_btm {font-size: 13px;}
}

/* Large Tablet Devices */
@media only screen
and (max-width : 1100px) {
  html, body{
    -webkit-touch-callout: none;
    -webkit-user-select: none; /* Webkit */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE 10  */
  }
  /*header*/

}

@media only screen
and (max-width : 1024px) {
   /* Nav Area Sub-Menu Style */
   nav li.menu-item-has-children > span{display:block;}
   nav.page_nav ul li:hover > ul{display: none;}

   .banner_holder {height: auto;}
   .slider {position: static; margin-top: 0 !important}
}

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

  /*Header Area*/
  header {padding: 0}
  .main_logo{margin: 0}
  .header_info{text-align: center; padding: 10px; float: none;}
  .social_media {position: static;  margin-top: 15px;}

  /* Nav Area */
  #nav_area{padding:25px 15px;background:#fff;}
  .nav_toggle_button{display:block;}
  nav.page_nav {width: 280px;position: fixed;top: 0;right: -280px;height: 100%;background: #fff;transition: all 0.7s ease;overflow-y: scroll;padding: 0 0 30px;opacity: 0;}
	nav.page_nav ul{margin: 0;     padding: 10px;     display: block;}
	nav.page_nav ul li{width: 100%; display: block; margin: 0 auto !important;border: none;border-bottom: 1px solid #f8f8f8;text-align: left;}
	nav.page_nav ul li:last-child{border-bottom: none;}
  nav.page_nav ul li a{line-height: 50px;padding: 0 10px}

	nav.page_nav ul ul{width:100%; position:relative;  transition:none;}
	nav.page_nav ul ul li {border:none; width:100%;}

  /* Toggle Style */
  .toggle_right_nav {position: fixed;top: 0;left: 0;right: 0;width:100%;height: 100%;z-index: 1000;visibility: hidden; transition: all 0.7s ease;}
  .toggle_nav_close {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
  .toggle_right_cont {visibility: visible;background: rgba(0,0,0,0.9);}
  nav.toggle_right_style {right: 0;opacity: 1;z-index: 45;}
  .logo_slide_right {float:left;width: calc(100% - 90px);}

  .menu_slide_right {display: block;text-align: left;padding: 20px 10px;background: #fff;position: relative;}
  .menu_slide_right .hamburger{position: absolute;top: 45%;right: 10px;transform: translateY(-50%);}

  /*Banner Area*/
  #banner {padding: 110px 20px 0;}
  .slider figure {text-align: left;   padding: 50px 0 0;}
  .bnr_info {width: 48%;   max-width: 100%;}
  .slider figure img {left: 0;     width: 50%}
  .slider figure figcaption, .slider figure h2 {text-align: center;}

    .non_ban_img{width: 190%;margin-left: -42%;}
    .page_title{font-size: 40px}

  /*Middle Area*/
  #middle {padding: 50px 20px;}
  .middle_con ul li {padding: 20px}

  /*Main Area*/
  #main_area{padding:0; margin:0;}
    main {float:none;  width:100%; padding: 50px 20px}
    main p:last-child {margin-bottom: 0}
    .side_box1{text-align: center; width: 100%; max-width: 100%; height: auto; margin: 0px auto; padding: 10px 10px 2px; margin-bottom: 12px;}
    .side_box1 ul li{margin:0px 0px 6px !important; display:inline-block; width: 49%;}

    .side_box2{width: 100%;}
    .main_thumb {display: none}

  /*Bottom Area*/
  #bottom1{padding: 50px 20px;}
  .btm1_con {position: static;   text-align: center;   width: 100%;}
  .btm1_con .nav-btn {display: none}
  .books-carousel {display: none}
  .btm1_con p {max-width: 100%}

  .mobBk-carousel {display: block !important}

  #bottom2 {padding: 50px 20px}
  .btm2_con h2 span {display: block}
  .btm2_con ul {padding: 0 85px;}

  #bottom3 {padding: 50px 20px;}
  #bottom3 .wrapper {flex-wrap: wrap;}
  .btm3_con {order: 2;     max-width: 100%;     text-align: center;}
  .btm3_con h2 small {margin: 0 0 20px}
  .btm3_con h2 span {margin: 20px 0 0}
  .btm3_con li {margin: 0 15px;}
  .btm3_con a {margin: 30px auto 0;}
  .btm3-thumb {max-width: 400px;     height: unset;     margin: 0 auto 30px;     right: 0;}

  #bottom4 {padding: 50px 20px}

  #bottom5 {padding: 50px 20px}

  #bottom6 {padding: 50px 20px}
  .btm6_con .form-cont {width: 397px;}

  /*Footer Area*/
  footer{padding: 50px 20px;}
    .ftr-social a {margin-right: 12px;}
    .contact_info a {font-size: 20px;}

}

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

  .slider figure img {display: none}
  .bnr_info {width: 100%;     position: static;     text-align: center;     padding: 30px 0;}
  .bnr_info h2 {margin: 0 0 20px;}
  .bnr_info a {margin: 30px auto 0;}
  .slider figure h2 {margin: 20px 0;font-size: 55px;}
  .slider figure h2 span {margin: 20px 0;}
  .mob-bnr {display: block; max-width: 400px;     margin: 30px auto 0; width: 100%;}

  main h1 {font-size: 55px;}
  main h1 span {margin: 20px 0;}

  .btm1_con h2 {font-size: 55px;}
  .btm1_con h2 span {margin: 20px 0}

  .custom-modal {padding: 2rem;   border-radius: 0; }
  .content-wrap {width: 100%}
  .content-wrap .widget-wrap {display: block;   text-align: left;}
  .content-wrap .cont-inner {padding-right: 10px;}
  .modal-close {right: 0;}
  .content-wrap figure {margin: 0 0 20px; max-width: 139px;border-radius: 0;height: 226px;}
  .modal-inner .content-wrap .cont-inner h3 {font-size: 22px;}

  .btm5_con h2 {font-size: 55px;max-width: 555px;}
  .btm5_con ul {flex-wrap: wrap;}
  .btm5_con ul li {max-width: 100%;   width: 100%;   margin: 40px 0;}
  .btm5_con ul li:last-child {margin-bottom: 0}

  .btm6_con .form-cont {width: 100%;     margin: 30px 0 0;}
  .btm6_con {display: block;}

  /* Other */
  .thumb_right_dd, .thumb_left_dd{width: 300px}
  .sitemap{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}

  /*Footer Area*/
  .footer_btm{padding: 0;}
    .footer_nav ul{ margin:0; text-align:center; font-size: 0;}
    .footer_nav ul li{width: 32%; text-align: center; border:1px solid #fff; margin:0px 2px 6px !important;}
    .footer_nav ul li:after{background: none;}
    .footer_nav ul li a{line-height: 50px;}

    .footer_top .wrapper {flex-wrap: wrap;}
    .ftr-logo {width: 100%;   text-align: center;   margin: 0 0 30px; max-width: 100%; }
    .ftr-logo a {max-width: 258px;display: block;     margin: 0 auto;}
    .contact_info {text-align: center;   width: 50%;}
    .ftr-social {width: 50%;   text-align: center;}
    .ftr-social a {margin: 0 8px;}

    .footer-nav {margin: 10px 0}
    .footer_btm .wrapper {display: block; text-align: center;}


    .copyright{margin-top: 24px;}

}

/* Smartphones */
@media only screen
and (max-width : 600px) {

  /*Banner Area*/
  .mobi_ban{display: block;}
  .non_ban_img{width: 310%;margin-left: -105%;}
  .breadcrumb-container.theme5 li {margin: 3px 14px;}
  .bnr_info h2 {font-size: 25px;}
  .slider figure h2 {margin: 20px 0;     font-size: 40px;}
  .slider figure h2 span {margin: 5px 0 0;}
  /* .page_title{position: static;background: #000;color: #fff;font-size: 30px} */

  /*Middle Area*/
  .middle_con ul li{margin:0 auto 8px!important; width: 100%}
  .middle_con ul li:last-child {margin-bottom: 0}

  main h1 {font-size: 38px;}

  /*Bottom Area*/
  .middle_con ul li {width: 100%;     margin: 20px 0;}

  .mobBk-carousel figure {padding: 60px;}
  .btm1_con h2 {font-size: 44px;}

  .btm2_con h2 {font-size: 38px;}
  .btm2_con .owl-nav {position: static;margin: 20px 0 0;}
  .btm2_con ul {padding: 0}
  .btm2_con .owl-nav div {position: static;   margin: 10px;}
  .btm2_con ul li p {font-size: 20px;}

  .btm3_con h2 span {margin: 0}
  .btm3_con h2 {margin: 0 0 30px}

  .btm4_con h2 {font-size: 30px;}

  .btm5_con h2 {font-size: 39px;}

  .btm6_con h2 {font-size: 38px;}

  .ftr-social {width: 100%}

  /*Footer Area*/
  footer {padding-bottom: 70px;}
  .footer_comp{display:block; line-height: 28px;}
  .footer_comp:before, .footer_comp:after{display: none;}
  .footer_nav ul li{width:100%; margin: 0 auto 6px!important;}

  .ftr-social {width: 100%;}

  .contact_info {margin: 0 0 30px; width: 100%}

  /*Others*/
  .col2, .col3{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
  .thumb_left_dd, .thumb_right_dd, .thumb_center_dd {display: none;}
  main .bullet{padding-left:10px;}

  /*For (AddThis) Plugins*/
  .withAddThis_plugins {bottom: 48px;}
  .withAddThis_ftr_btm {padding: 0 10px 88px;}
  /*End (AddThis) Plugins*/

}

/*@media only screen
and (max-width : xxx) {}*/
  /*Header Area*/
  /*Nav Area*/
  /*Banner Area*/
  /*Middle Area*/
  /*Main Area*/
  /*Bottom Area*/
  /*Footer Area*/