/* Mobile Portrait View */
@media screen and (max-width: 767px) {
  .left,
  .right {
    float: none;
  }
  .pp_topstrip {
    text-align: center;
  }
  .pp_topstrip .left {
    width: 100%;
  }
  .boxlayout {
    width: auto;
    margin: 0 20px;
    box-sizing: border-box;
  }
  .container {
    width: auto;
    padding: 0 10px;
  }
  .header {
    padding: 0;
    position: relative;
  }
  .header_right {
    float: none;
    text-align: center;
    width: auto;
    margin: 0 !important;
  }
  .headerinfo {
    padding: 10px 0;
  }
  .logo {
    width: auto;
    float: none;
    text-align: center;
    padding: 20px 0 5px;
  }
  .logo:before {
    display: none;
  }
  .pp_topstrip .social-icons {
    border: none;
  }
  .top-align-right {
    text-align: center;
  }
  .infobox {
    margin-bottom: 0;
    border: none;
    width: 100%;
    text-align: center;
    display: block;
  }
  .counter-column {
    margin: 0 10px 10px;
  }
  .event_common {
    float: none;
    width: 100% !important;
  }
  .eventthumb {
    width: 100%;
    margin: 0;
    height: auto;
  }
  .eventthumb img {
    min-height: inherit;
  }
  .day_month {
    padding: 10px 25px;
    border: none;
  }
  .event_common.event_infodetailsbox {
    background-color: #f1f1f1;
  }
  .event_common.event_readmore {
    text-align: center;
    padding: 20px 0;
  }
  h4.orange_strip {
    letter-spacing: 2px;
  }
  /*slider css*/
  .nivo-controlNav {
    display: none !important;
  }
  .nivo-caption {
    width: 70%;
    left: 15.5%;
  }
  .nivo-caption h2 {
    font-size: 20px !important;
    line-height: 24px !important;
  }
  .welcomebx {
    width: 100%;
  }

  .twocolumn-news {
    width: 100%;
    float: none;
    margin: 15px 0;
  }
  .news-box.news-box-full,
  .newsrightcolumn {
    width: 100%;
    padding: 0;
    float: none;
  }
  .news-box.news-box-full .news-thumb {
    height: auto;
  }
  .news-box.news-box-full .news-thumb img {
    min-height: auto;
  }
  .news-box {
    width: auto;
    float: none;
    margin: 0 0 25px;
    height: auto;
  }
  .news-box .news-thumb {
    width: auto;
    float: none;
    height: auto;
    margin: 0 0 15px 0;
  }
  .news-box .news-thumb a {
    display: block;
  }
  .news-box .news-thumb img {
    min-height: 160px;
  }
  .news {
    width: auto;
    float: none;
    padding: 0;
  }
  #pagearea {
    margin-top: 0;
  }
  .fourcolbx {
    width: auto;
    float: none;
    margin: 0 0 20px;
  }
  .project-wrapper {
    max-width: 320px;
    margin: 0 auto;
  }
  .latest-project-thumb {
    height: 490px;
  }
  .latest-project-thumb img {
    min-height: 490px;
  }
  .project-content h5:after {
    display: block;
  }
  .latest-project:hover .project-content,
  .project-content {
    bottom: 0;
    background: rgb(0, 0, 0, 0.6);
  }
  #section3 h2.section_title {
    max-width: inherit;
  }
  .area_row {
    margin: 0;
  }

  /*coloumn css*/
  .one_half,
  .one_third,
  .two_third,
  .one_fourth,
  .three_fourth,
  .one_fifth,
  .four_fifth,
  .pagebox_left,
  .pagebox_right,
  .pp_servicesbx,
  .welcome_leftbox,
  .welcome_righbox,
  .wel3box_services,
  .upcoming_eventbx,
  .event_counter,
  .donation_left,
  .donation_right,
  .vid_galle_left,
  .vid_galle_right,
  .pray2column_services,
  .pray2column_services,
  .teaching_rightinfobox,
  .teaching_videobox,
  .causesbx,
  .teammember-list.col4,
  .blog-post-repeat .post-thumb,
  .bloggridlayout .blog-post-repeat {
    float: none !important;
    width: 100% !important;
    margin: 0 0 30px !important;
  }
  .innerbanner {
    height: auto;
    min-height: inherit;
  }
  .eventinfo {
    margin: 10px 0 0 0;
  }
  #pagearea {
    height: auto;
    padding: 30px 0 20px;
  }
  #pagearea .container {
    margin-top: 0;
  }
  iframe {
    width: 100%;
    height: auto;
  }
  h2.section_title,
  .sec_content_main_title {
    font-size: 30px !important;
    margin-bottom: 20px;
    line-height: 32px !important;
  }
  .welcome_righbox br {
    display: none;
  }
  .footer .social-icons a {
    width: auto;
    padding: 0 13px;
  }
  .footer .threecol .entry {
    width: 33% !important;
  }
  .holderwrap figure figcaption {
    display: none !important;
  }

  /*gallery css */
  ul.portfoliofilter li {
    margin-right: 5px !important;
  }
  ul.portfoliofilter li a {
    padding: 5px !important;
    font-size: 10px !important;
  }
  .threecol .entry {
    width: auto !important;
  }
  .tabs-wrapper ul.tabs li a {
    padding: 10px 14px;
  }
  .footer .social-icons a {
    margin-right: 3px;
  }
  .teammember-list {
    width: 100%;
    float: none;
    margin: 0;
    min-height: inherit;
  }
  .teammember-list .thumnailbx {
    position: relative;
  }
  .teammember-list .titledesbox {
    position: relative;
    min-height: inherit;
  }
  .teammember-list .titledesbox .titledesbox-center {
    position: relative;
    top: 0;
    transform: none;
  }
  /*sidebar css*/
  #sidebar {
    width: 100%;
    float: none;
  }
  .sidebar-left {
    float: none !important;
    width: 100%;
  }
  .flotRight {
    float: none !important;
  }
  #sidebar .services-col .services-content {
    padding: 8% 11.5%;
  }
  #sidebar #contactform_main input[type="text"],
  #sidebar #contactform_main input[type="email"],
  #sidebar #contactform_main input[type="tel"],
  #sidebar #contactform_main input[type="url"],
  #sidebar #contactform_main textarea {
    width: 85%;
  }

  /*footer css */
  .footer {
    float: none;
    margin: 0;
  }
  /* --------- Pages ------- */
  .content-area {
    width: auto;
    margin: 0;
    padding: 20px;
  }
  .site-main {
    width: auto;
    margin: 0;
    padding: 0;
    float: none;
  }
  .contact_left,
  .contact_right {
    float: none;
    width: 100%;
    margin-bottom: 10%;
  }
  .copyright-txt,
  .design-by {
    text-align: center;
    float: none;
  }
  #contactform_main input[type="text"],
  #contactform_main input[type="email"],
  #contactform_main input[type="tel"],
  #contactform_main input[type="url"],
  #contactform_main textarea {
    width: 100%;
    box-sizing: border-box;
  }

  /*custom css*/
  .searchbox {
    width: 100%;
    padding-left: 0;
  }
  ol.nav-numbers {
    display: none;
  }
  .phone-no strong {
    width: auto;
    display: inherit;
  }

  /*footer css */
  .footer {
    padding: 40px 20px;
  }
  .cols-2 .widget-column-1,
  .cols-2 .widget-column-2,
  .cols-3 .widget-column-1,
  .cols-3 .widget-column-2,
  .cols-3 .widget-column-3,
  .cols-4 .widget-column-1,
  .cols-4 .widget-column-2,
  .cols-4 .widget-column-3,
  .cols-4 .widget-column-4 {
    width: auto !important;
    float: none;
    min-height: inherit;
    margin: 0 0 30px;
  }
  .container.footer {
    padding: 50px 20px 25px;
  }
  .slider-main {
    min-height: 115px;
  }
  .header.fixed {
    position: relative;
  }
  .skills-wrap {
    width: auto;
  }
  #clienttestiminials {
    width: 100%;
  }
  .holderwrap {
    height: auto;
    overflow: hidden;
  }
  .holderwrap img {
    min-height: inherit;
    height: auto;
  }
  #menulist ul li {
    text-align: center;
  }
  #menulist ul li .menuthumb {
    float: none;
    margin: 0 auto 20px auto;
  }
  #menulist ul li .menucontent {
    text-align: center;
  }
  #menulist ul li span {
    position: relative;
    margin: 15px auto 0 auto;
    display: inline-block;
  }
  .special_dishes_right {
    padding: 30px;
    height: 100%;
  }
  .special_dishes_right:after,
  #section3:before {
    display: none;
  }
  .special-dishes,
  .special_dishes_left,
  .our-chef,
  .special_dishes_right,
  #menulist ul li,
  #menulist ul li .menucontent,
  .welcome-image,
  .welcome-features,
  .why-choose-us,
  .current_thumbnail,
  #section5 .subtitle {
    float: none;
    width: 100%;
  }
  #clienttestiminials .arrow_box {
    padding: 15px 15px;
    font-size: 16px;
    word-break: inherit;
  }
  .designby,
  .copyrightby {
    text-align: center;
    width: 100%;
  }

  .our-chef .our-chef-thumb {
    height: auto;
  }
  .our-chef .our-chef-thumb img {
    min-height: inherit;
  }
  .current_thumbnail_image {
    margin-bottom: 30px;
  }
  .welcome_imgcolumn-small {
    left: 0;
    top: inherit;
    bottom: 0;
    transform: none;
  }
  .welcome_imgcolumn {
    width: 100%;
    padding: 0;
    top: auto;
  }
  .welcome_imgcolumn:after {
    display: none;
  }
  .welcome_contentcolumn {
    width: 100%;
    padding: 30px 0;
  }
  .circle_countr {
    border: none;
  }
  .counterlist h6 {
    line-height: 55px;
  }

  .pagearea-left {
    width: 100%;
  }
  .pagearea-left h6.sub-title-head {
    padding: 0 0 0 60px;
  }
  p.blockquote {
    display: block;
    clear: both;
  }

  .explore-video {
    padding: 20px;
    top: 0;
    width: 100%;
  }
  .explore-video h6.sub-title-head {
    padding: 0 0 0 60px;
  }
  .explore-video h4 {
    font-size: 26px;
    line-height: 37px;
  }
  #section5 {
    padding-top: 60px;
  }

  .thumbnail_image,
  .current_content {
    float: none;
    width: 100%;
    padding: 0;
  }
  .small_image {
    bottom: 10px;
    right: 10px;
    width: 50%;
    height: auto;
  }
  .contact-touch {
    width: 100%;
  }
  .contact-touch-left,
  .contact-touch-right {
    width: 100%;
    padding: 40px 15px;
    float: none;
  }
  .our-facilities,
  .boxlayout .our-facilities {
    padding: 20px !important;
  }
  .popular-course {
    max-width: 300px;
    width: 100%;
    float: none;
    margin: 0 auto 30px auto;
  }
  .popular-course-con {
    padding: 20px 10px 20px 10px;
  }
  .popular-course span {
    width: 38.333%;
  }
  .popular-course .popular-course-thumb {
    height: auto;
  }
  .popular-course .popular-course-thumb img {
    min-height: inherit;
  }
  .counterlist {
    width: 100%;
    float: none;
    margin: 0 auto 30px auto;
    max-width: 300px;
  }
  #section4 {
    padding-bottom: 40px;
  }
  .current_thumbnail {
    margin-bottom: 30px;
  }
  .learn-fun {
    float: none;
    margin: 0 auto 30px auto;
  }
  .bestplatformtitle {
    padding: 0;
    width: 100%;
    float: none;
    margin: 0 0 15px 0;
  }
  .bestplatformslider {
    padding: 0;
    width: 70%;
    float: none;
    margin: 0 auto 30px auto;
  }
  .news-box.news-box-full h6 {
    font-size: 28px;
    color: #353535;
  }
  .news-box.news-box-full .newsdesc {
    padding: 0;
    position: relative;
  }
  .infobox {
    line-height: 28px;
  }
}
@media screen and (min-width: 300px) and (max-width: 480px) {
  .blog-post-repeat .post-thumb img {
    float: none;
    margin-right: 0;
    width: 100%;
    height: 100%;
  }
  .menugallery li {
    min-height: 60px;
  }
  .slider-main {
    min-height: 110px;
    height: auto;
  }
  .nivo-directionNav a {
    top: 35%;
  }
  .fivecol .entry {
    width: auto !important;
  }
  .nivo-caption {
    width: 72%;
    left: 6.5%;
    top: 50%;
  }
  .nivo-caption h5 {
    font-size: 18px !important;
    margin-bottom: 15px;
  }
  .nivo-caption h2 {
    font-size: 26px !important;
    line-height: 26px !important;
    margin-bottom: 8px;
  }
  .nivo-caption p {
    margin-bottom: 10px;
    line-height: 18px;
    font-size: 13px !important;
    display: none;
  }
  .nivo-caption .slidermore {
    display: block;
    width: 50%;
    margin: auto;
  }
  /* Boxlayout CSS*/
  .boxlayout .donatenow {
    padding: 18px 15px;
    font-size: 16px;
  }
  .boxlayout .nivo-caption p {
    font-size: 12px !important;
    line-height: 14px;
  }
  .boxlayout .nivo-caption h2 span {
    line-height: 30px;
  }
  .arrow_box p {
    padding: 0;
  }
  .arrow_box i {
    float: none;
  }
  .arrow_box {
    padding: 30px 20px;
  }
  .pagebox_left h3 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 25px;
  }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
  .container,
  .content-area,
  #ourservices .container,
  #section9 .container {
    width: 400px;
    margin: 0 auto;
  }
  .teammember-list .thumnailbx {
    height: auto;
    visibility: visible;
  }
  .slider-main {
    height: auto;
    min-height: 200px;
  }
}
@media screen and (min-width: 420px) and (max-width: 480px) {
  .nivo-caption h2 {
    font-size: 24px !important;
    line-height: 30px !important;
  }
  .threecol .entry {
    left: 6% !important;
  }
  ul.portfoliofilter li a {
    font-size: 12px !important;
    padding: 7px 12px !important;
  }
}

/* Mobile Landscape View */
@media screen and (min-width: 481px) and (max-width: 767px) {
  .photobooth .filter-gallery ul li a {
    padding: 15px 15px 18px;
  }
  /*slider css*/
  .nivo-caption h2 {
    font-size: 30px !important;
    line-height: 40px !important;
    margin-bottom: 10px !important;
  }
  .nivo-caption p {
    display: block !important;
    line-height: 18px;
  }
  .nivo-caption,
  .nivo-controlNav {
    display: block !important;
  }
  h2.section_title {
    font-size: 30px !important;
  }
  .nivo-caption {
  }
  .nivo-caption .button {
    display: inline-table !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 615px) {
  .nivo-caption {
    width: 70%;
  }
  .nivo-caption h2 {
    font-size: 20px !important;
  }
  .nivo-caption .button {
    display: inline-table !important;
  }
}

/* Tablet View */
@media screen and (min-width: 768px) and (max-width: 1169px) {
  .container {
    width: 100%;
    padding: 0 20px;
  }
  .container.footer {
    padding: 50px 20px;
  }
  .boxlayout {
    width: auto;
    margin: 0 20px;
    box-sizing: border-box;
  }
  .content-area {
    width: auto;
    margin: 0;
    padding: 20px 20px;
  }
  .member-social-icon a {
    margin: 0 2px 0 0;
  }
  .footer h5 {
    font-size: 20px !important;
  }
  .contactdetail i {
    margin-right: 5px;
  }
  .contactinfo-icon {
    margin-right: 15px;
  }
  #sidebar {
    width: 30%;
  }
  .site-main {
    width: 65%;
  }
  .slider-main {
    min-height: 290px;
    height: auto;
  }
  .innerbanner {
    height: auto;
  }
  /*custom  css*/
  .BlogPost {
    min-height: 250px;
  }
  .recent-post h6 {
    padding-top: 7px;
  }
  ol.nav-numbers {
    bottom: 10%;
  }
  .sidebar-left {
    float: left !important;
    width: 30%;
  }
  .sidebar-left #sidebar {
    width: 100%;
  }
  .special_dishes_left {
    padding-bottom: 20px;
  }
  .thumbnail_image {
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 980px) {
  .logo {
    float: none;
    text-align: center;
    padding-top: 20px;
    width: auto;
  }
  .logo:before {
    display: none;
  }
  .header {
    position: relative;
  }
  .pagebox_left h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 24px;
  }
  .header_right {
    float: none;
    width: auto;
    padding: 0 0 10px 0;
    text-align: center;
  }
  .headerinfo {
    padding-bottom: 10px;
  }
  .nivo-controlNav {
    bottom: 0;
  }

  .teammember-list {
    min-height: 380px;
  }
  .teammember-list .thumnailbx {
  }
  .teammember-list .titledesbox {
    min-height: 190px;
  }

  .teammember-list .thumnailbx {
    height: 190px;
  }
  .teammember-list .thumnailbx img {
    min-height: 190px;
  }
  .welcomebx {
    width: auto;
  }
  .fourcolbx h3 {
    font-size: 15px;
  }
  .threecol .entry {
    width: 243px !important;
  }
  .nivo-caption h2 {
    font-size: 30px !important;
    line-height: 30px !important;
  }

  .infobox {
    padding: 0 20px;
  }
  .header_right {
    margin-right: 0 !important;
  }

  .counterlist {
    padding: 20px 10px 25px 10px;
  }

  .teaching_videobox {
    width: 45%;
  }
  .teammember-list cite {
    font-size: 14px;
  }
  #section5 .one_half br {
    display: none;
  }
  .bloggridlayout .post-thumb {
    height: 160px;
  }
  .bloggridlayout .post-thumb img {
    min-height: 160px;
  }
  .footer .threecol .entry {
    width: 48% !important;
  }
  .counter-column {
    width: 150px;
    height: 100px;
    margin: 0 10px 10px;
  }
  .explore-video {
    width: 70%;
  }
  .our-chef .our-chef-thumb {
    height: 145px;
  }
  .our-chef .our-chef-thumb img {
    min-height: 145px;
  }
  .our-chef-con {
    padding: 25px 25px;
  }
  #clienttestiminials .arrow_box {
    padding: 25px;
  }
  #menulist ul li span {
    position: relative;
    display: inline-block;
    margin-top: 5px;
  }
  #menulist ul li h5 {
    font-size: 18px;
  }
  .footer .holderwrap {
    height: 70px;
  }
  .footer .holderwrap img {
    min-height: 70px;
  }
  .footer .threecol .entry {
    width: 48% !important;
  }
  .pagearea-left h6.sub-title-head,
  .explore-features h6.sub-title-head {
    padding-right: 0;
  }
  .welcome_imgcolumn:after {
    right: -30px;
  }
  .news-box .news-thumb {
    height: 100px;
    width: 30%;
  }
  .news-box .news-thumb img {
    min-height: 100px;
  }
  .news-box .postdt {
    top: 5px;
    left: 5px;
  }
  .news-box.news-box-full .news-thumb {
    height: 230px;
  }
  .news-box.news-box-full .news-thumb img {
    min-height: 230px;
  }
  .current_thumbnail {
    width: 40%;
  }
  .current_thumbnail img {
    width: 100%;
    max-width: inherit;
  }
  .current_content .sec_content_main_title {
    line-height: 100%;
  }
  .current_content {
    width: 55%;
  }
  .small_image {
    width: 110px;
    height: 110px;
    bottom: -15px;
    right: -15px;
  }
  .thumbnail_image {
    width: 100%;
  }

  .contact-touch {
    width: 100%;
    padding: 0;
  }
  .contact-touch-left,
  .contact-touch-right {
    padding: 50px 20px;
  }
  .contactinfo-icon {
    width: 50px;
    height: auto;
  }
  .contactinfo-con h4 {
    font-size: 20px;
  }
  .we-are-hiring-con {
    padding: 25px 10px;
  }
  .we-are-hiring a.morebutton {
    padding: 15px 40px;
    width: 100%;
    min-width: inherit;
  }
  .fourcolbx {
    text-align: center;
  }
  .fourcolbx .thumbbx {
    float: none;
    margin: 0 auto 5px auto;
  }
  .welcome_imgcolumn-small {
    width: 50%;
    height: auto;
    left: 50%;
  }
  .welcome_imgcolumn-small img {
    min-height: auto;
  }
  .welcome_imgcolumn {
    width: 45%;
    position: absolute;
    left: 53%;
  }
  .our-facilities,
  .boxlayout .our-facilities {
    padding: 20px !important;
  }
  .popular-course .popular-course-thumb {
    height: 150px;
  }
  .popular-course .popular-course-thumb img {
    min-height: 150px;
  }
  .popular-course {
    padding: 15px 5px;
  }
  .popular-course-con {
    padding: 15px 10px 20px 10px;
  }

  section .subtitle br {
    display: none !important;
  }

  #section5 .area_row {
    text-align: center;
  }
  .learn-fun {
    float: none;
    display: inline-block;
  }
  .bestplatformtitle .sec_content_main_title {
    font-size: 30px !important;
  }
  .bestplatform-wrapper .owl-controls .owl-nav .owl-prev {
    left: 0;
  }
  .bestplatform-wrapper .owl-controls .owl-nav .owl-next {
    right: 0;
  }

  .news-box.news-box-full .newsdesc {
    padding: 0;
    position: relative;
  }
  .news-box.news-box-full h6 {
    font-size: 28px;
    color: #353535;
  }
}

@media screen and (min-width: 768px) and (max-width: 868px) {
  .nivo-caption {
    width: 70%;
  }
  .pp_servicesbx {
    width: 49.7%;
  }
  .welcome_thumb {
    height: 155px;
  }
  .welcome_thumb img {
    min-height: 155px;
  }
  .wel3box_desc h4 {
    font-size: 20px;
  }
  .welcome_leftbox h3 {
    font-size: 24px;
  }
  .counter-column {
    margin-bottom: 5px;
  }

  .day_month {
    padding: 25px 10px;
  }
  .day_month h4 span {
    font-size: 30px;
  }
  .eventthumb {
    width: 160px;
    height: 120px;
    margin-right: 5px;
  }
  .eventthumb img {
    height: auto;
  }
  .day_month h4 {
    font-size: 12px;
  }
  .event_readmore .green_button {
    font-size: 12px;
    padding: 8px 20px;
  }
  .event_common.event_infodetailsbox {
    padding: 2px 20px;
  }
  .event_descbx {
    font-size: 15px;
    line-height: 18px;
  }
  .eventtexttitle {
    font-size: 24px;
    margin-bottom: 5px;
  }
  .sec_content_main_title {
    font-size: 24px !important;
    line-height: 32px;
    margin-bottom: 20px !important;
  }

  .vid_galle_right {
    padding: 15px 20px;
    margin: 0;
    line-height: 24px;
  }
  .pray2column_services .prayimgbx {
    height: 300px;
  }
  .pray2column_desc {
    padding: 10%;
  }
  #section10 {
    text-align: center;
  }
  .causesbx {
    width: 40%;
    float: none;
    display: inline-block;
  }
  .welcome_contentcolumn h2.section_title {
    font-size: 36px;
    line-height: 40px;
  }
  .our-gole-features {
    padding: 0;
  }
}
@media screen and (max-width: 900px) and (min-width: 980px) {
  .project-content {
    padding: 15px;
    bottom: -160px;
  }
}
@media screen and (max-width: 1170px) and (min-width: 981px) {
  html {
    overflow-x: hidden;
  }
  .footer h5 {
    font-size: 24px !important;
  }
  .threecol .entry {
    width: 317px !important;
  }
  .nivo-caption {
    width: 45%;
  }
  .popular-course span {
    width: 37.333%;
  }
  .nivo-controlNav {
    bottom: 5% !important;
  }
  .news-box .PostMeta span {
    font-size: 11px;
  }
  /* .counterlist h6 {
    font-size: 16px;
  } */
  .counterlist {
    padding: 15px 5px;
  }
  /* .counterlist .counter {
    font-size: 33px;
    padding: 0 20px 0 0;
  } */
  .teammember-list {
    min-height: 460px;
  }
  .teammember-list .thumnailbx {
    height: 230px;
  }
  .teammember-list .thumnailbx img {
    min-height: 230px;
  }
  .nivo-caption h2 {
    margin-bottom: 10px;
    line-height: 75px;
  }
  .videogalley_wrapper .owl-prev {
    left: 0;
  }
  .videogalley_wrapper .owl-next {
    right: 0;
  }
  .pray2column_services .prayimgbx {
    height: 300px;
  }
  .day_month {
    padding: 25px 10px;
  }
  .day_month h4 span {
    font-size: 30px;
  }
  .eventthumb {
    width: 160px;
    height: 120px;
    margin-right: 5px;
  }
  .eventthumb img {
    height: auto;
  }
  .day_month h4 {
    font-size: 12px;
  }
  .event_readmore .green_button {
    font-size: 12px;
    padding: 8px 20px;
  }
  .event_common.event_infodetailsbox {
    padding: 2px 20px;
  }
  .event_descbx {
    font-size: 15px;
    line-height: 18px;
  }
  .eventtexttitle {
    font-size: 24px;
    margin-bottom: 5px;
  }
  .sec_content_main_title {
    font-size: 26px !important;
    line-height: 32px;
    margin-bottom: 20px !important;
  }
  .vid_galle_right {
    padding: 20px 45px;
  }
  .pray2column_services .prayimgbx {
    height: 300px;
  }
  .pray2column_desc {
    padding: 10%;
  }
  .footer .threecol .entry {
    width: 48% !important;
  }
  .pp_servicesbx {
    height: 215px;
  }
  .welcome_thumb {
    height: 200px;
  }
  .welcome_thumb img {
    min-height: 200px;
  }

  .news-box .news-thumb {
    width: 35%;
    height: 140px;
  }
  .news-box .news-thumb img {
    min-height: 140px;
  }
  .news-box.news-box-full .news-thumb {
    height: 350px;
  }
  .news-box.news-box-full .news-thumb img {
    min-height: 350px;
  }
  .current_thumbnail,
  .current_content {
    width: 47%;
  }
  .contact-touch {
    width: 100%;
  }
  .contact-touch-left,
  .contact-touch-right {
    padding: 80px 40px;
  }
  .bg_column {
    padding: 30px 5px;
  }
  .welcome_imgcolumn {
    width: 35%;
  }

  .our-facilities {
    padding: 30px 15px 0 40px !important;
  }
  .ourspecialties {
    margin-bottom: 20px;
  }

  section .subtitle br {
    display: none !important;
  }
  .popular-course .popular-course-thumb {
    height: 200px;
  }
  .popular-course .popular-course-thumb img {
    min-height: 200px;
  }
  .popular-course-con {
    padding: 20px 15px 20px 16px;
  }
  .current_content .sec_content_main_title {
    line-height: initial;
  }
  .learn-fun {
    width: 195px;
    height: 195px;
    margin-left: 4px;
  }
  .learn-fun-center h5 {
    line-height: 24px;
    font-size: 16px;
  }
  .learn-fun-icon {
    width: 49px;
    height: 40px;
  }
  .bestplatformtitle .sec_content_main_title {
    font-size: 34px !important;
    line-height: 40px;
  }
  .bestplatform-wrapper .owl-controls .owl-nav .owl-prev {
    left: 0;
  }
  .bestplatform-wrapper .owl-controls .owl-nav .owl-next {
    right: 0;
  }
}

@media screen and (max-width: 980px) {
  section {
    padding: 40px 0;
  }
  .toggleMenu {
    display: block;
  }
  .sitenav {
    float: none;
    margin: 0;
    top: 0;
    position: relative;
    overflow-x: hidden;
  }
  .sitenav ul {
    color: #000;
    width: 100% !important;
    float: none !important;
    margin: 0;
    padding: 0;
    background: #f8f8f8;
  }
  .sitenav ul li {
    border-top: 1px #cccccc solid;
    display: block;
    float: none;
    text-align: left;
    border-right: none;
  }
  .sitenav ul li a {
    padding: 5px 10px !important;
    display: block;
    color: #000 !important;
    text-align: left;
  }
  .sitenav ul li a:hover {
    color: #000000;
  }
  .sitenav ul li ul,
  .sitenav ul li ul ul {
    display: block !important;
  }
  .sitenav ul li ul li a:before {
    content: "\00BB \00a0";
  }
  .sitenav ul li ul li {
    border-bottom: 1px solid transparent !important;
  }
  .sitenav ul li ul li a {
    padding-left: 20px !important;
  }
  .sitenav ul li ul li ul li a {
    padding-left: 30px !important;
  }
  .sitenav ul li ul li ul li ul li a {
    padding-left: 40px !important;
  }
  .sitenav ul li:hover > ul {
    background: none !important;
  }

  .sitenav ul li:hover > ul {
    background: transparent !important;
    width: auto !important;
    display: block;
    position: relative !important;
    left: 0;
    right: 0;
    top: 0;
  }
  .sitenav ul li:hover ul li ul,
  .sitenav ul li:hover ul li:hover > ul,
  .sitenav ul li:hover ul li:hover > ul li ul {
    background: transparent !important;
    display: block;
    position: relative !important;
    right: 0;
    left: 0;
    top: 0;
  }
  .sitenav ul li:hover ul li:hover ul,
  .sitenav ul li:hover ul li:hover ul li:hover ul {
    left: 0 !important;
  }
  /* .logo img,
  .footerlogoheight img {
    height: auto !important;
  } */
  .innerbanner {
    height: auto;
  }
  .header {
    position: relative;
  }
  .donatenow {
    position: relative;
    transform: none;
    margin: 0 auto;
    top: auto;
    right: 0;
    text-align: center;
    display: table;
  }
  #footer-wrapper {
    background-size: cover !important;
  }
  .toggle a {
    padding: 10px 25px;
  }
  .videogalley_wrapper .owl-prev {
    left: 0;
  }
  .videogalley_wrapper .owl-next {
    right: 0;
  }
  .slidebottom {
    display: none;
  }
  .subtitle {
    width: 100%;
  }
}
@media only screen and (min-width: 1681px) and (max-width: 1920px) {
  .nivo-caption {
    width: 40%;
    transform: translate(30%) !important;
    top: 25%;
  }
  .top-right {
    margin: 0;
  }
  .nivo-caption h2 {
    font-size: 84px !important;
    line-height: 90px !important;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1680px) {
  .nivo-caption {
    width: 50%;
    transform: translate(15%) !important;
    top: 20%;
  }
  .top-right {
    margin: 0;
  }
  .videobox img {
    height: 880px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1440px) {
  .nivo-caption {
    transform: translate(5%) !important;
    width: 39% !important;
    top: 20%;
  }
  .nivo-caption h2 {
    font-size: 50px !important;
    line-height: 50px !important;
  }
  .top-right {
    margin: 0;
  }
  .videobox img {
    height: 880px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .toggle {
    padding: 10px;
  }
  .top-right {
    display: grid;
    justify-content: center;
    align-items: center;
    gap: 0;
  }
  .infobox div {
    justify-content: center;
    align-items: center;
  }
  .sitenav ul li a {
    left: auto;
  }
  .sitenav ul li ul li a {
    text-align: left;
  }
  .container {
    width: 100%;
    margin: 0 auto;
  }
  .top-align-right {
    display: block;
    width: 100%;
    text-align: center;
  }
  .logo {
    width: 100%;
    height: auto;
    padding: 0;
  }
  .infobox a span,
  .infobox span {
    top: auto;
  }
  .contact-btn {
    position: relative;
    left: auto;
    top: -10px;
    width: auto;
    margin-top: 20px;
  }
  .page_area_row {
    top: auto;
  }
  .nivoSlider img {
    height: 200px !important;
  }
  .nivo-caption {
    width: 100%;
    left: auto;
    text-align: center;
    display: grid;
    justify-content: center;
    align-items: center;
  }
  .nivo-caption .slidercourses {
    display: block;
    margin: auto;
    margin-top: 10px !important;
  }
  .popular-course span {
    width: 43.333%;
  }
  .welcome_imgcolumn-small,
  .current_thumbnail_small {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    margin: auto;
    transform: none;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .popular-course h5,
  #section1 .sec_content_main_title,
  .welcome_contentcolumn h2.section_title,
  .welcome_contentcolumn p,
  .custombtn,
  #section3 h2.section_title,
  .subtitle,
  .sec_content_main_title,
  .current_content p,
  h2.section_title,
  .why-choose-us-icon a,
  .why-choose-us-icon p,
  .news-box.news-box-full h6,
  .news-box h6,
  .widget-column-1,
  .widget-column-3,
  .widget-column-2,
  .widget-column-4 {
    text-align: center !important;
  }
  .why-choose-us .why-choose-us-thumb {
    margin: auto;
    margin-bottom: 10px !important;
  }
  #section7 .why-choose-us .why-choose-us-thumb {
    display: flex;
    margin: auto;
  }
  #section8 .section_content,
  .bestplatformtitle .sec_content_main_title {
    max-width: 100%;
  }
  .news-box .PostMeta {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .videobox img {
    height: auto;
  }
  .counterlist p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .toggle {
		padding: 10px;
	}
  .infobox {
    padding: 0;
  }
  .top-right {
    justify-content: space-between;
  }
  .sitenav ul li a {
    left: auto;
  }
  .sitenav ul li ul li a {
    text-align: left;
  }
  .container {
    width: 100%;
  }
  .top-align-right {
    display: block;
    width: 100%;
    text-align: center;
  }
  .logo {
    width: 100%;
    height: auto;
    padding: 0;
  }
  .contact-btn {
    position: relative;
    left: auto;
    top: -10px;
    width: 20%;
    margin-top: 20px;
  }
  .page_area_row {
    top: auto;
  }
  .nivo-caption {
    width: 47%;
  }
  #section2 .container {
    padding: 44px;
  }
  .videobox img {
    height: 895px;
  }
  .current_thumbnail_small {
    left: 10%;
    top: 40%;
  }
  .bestplatform-content h5 {
    font-size: 18px;
  }
  .bestplatformtitle .sec_content_main_title {
    max-width: 100%;
  }
  .footer ul li a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .welcome_imgcolumn-small {
    top: 60%;
  }
  .contact-btn {
    width: 20%;
    left: 78%;
  }
  .infobox {
    padding: 0;
  }
  .top-right {
    justify-content: space-between;
  }
  .logo {
    width: 30%;
  }
  .nivo-caption h2 {
    font-size: 50px !important;
    line-height: 50px !important;
  }
  .videobox img {
    height: 542px;
  }
  .counterlist h6 {
    font-size: 48px;
  }
  .counterlist p {
    font-size: 14px;
  }
  .current_thumbnail_small {
    left: 25%;
  }
  .bestplatform-content h5 {
    font-size: 17px;
  }
  .bestplatformtitle .sec_content_main_title {
    max-width: 70%;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1399px) {
  .nivo-caption h2 {
    font-size: 50px !important;
    line-height: 50px !important;
  }
  .videobox img {
    height: 880px;
  }
}