/*-------------- media section ---------------*/
@media screen and (max-width: 767px) {
  .main-header,
  .pricing_text,
  .pricing_text,
  .latest_blog_contents3,
  .latest_blog_contents4 {
    margin-bottom: 25px !important;
  }
  .main-navigation li,
  #masthead.scrolled .main-navigation li {
    display: block;
    line-height: 1.5 !important;
  }
  .sf-arrows .sf-with-ul {
    padding-right: 0;
  }
  .menu > ul > li > a {
    padding: 10px 0;
  }
  .main-navigation ul ul {
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .menubar {
    position: relative;
    right: 0;
  }
  .socialbox,
  .latest_blog_colsec {
    padding-top: 19px;
  }
  #menu_conatiner {
    padding: 18px 0;
  }
  .phone_number_col {
    padding-top: 19px;
    text-align: end;
  }
  .stickynavbar {
    padding: 18px 0 !important;
  }
  .sticky {
    position: relative !important;
  }
  .social_icon {
    padding: 0 7px;
  }
  .topbar_buttons_right {
    margin: 14px 0 10px 0;
  }
  #slider img {
    height: 188px;
    object-fit: cover;
  }
  #slider .carousel-prev-button i,
  #slider .carousel-next-button i {
    padding: 12px 11px;
    height: 41px;
    width: 41px;
  }
  .headtwo {
    font-size: 20px;
    margin-bottom: 9px !important;
  }
  .prop_desc,
  .slider-main-heading {
    display: none;
  }
  .read-more {
    font-size: 13px;
    padding: 7px 9px;
  }
  .slider-box {
    margin-top: 22px;
    text-align: start;
  }
  #slider .slide_nav {
    top: 89%;
  }
  .about_right_img img {
    top: 2em;
    width: 100%;
    left: 0;
  }
  .about-left,
  .inner-cont {
    width: 100%;
  }
  .contac-get {
    margin-left: 0;
  }
  #about-us,
  .read_more_abouts_button,
  .read_more_services,
  .event_main_head,
  .read_more_pricing_plan,
  #sponsor,
  #blog-right-sidebar {
    padding-top: 30px !important;
  }
  .about-us-main-heading,
  #latest_post {
    padding-top: 55px !important;
  }
  .about-us-main-heading:before,
  #our-program .owl-dots,
  #team .owl-dots,
  #sponsor .owl-dots {
    display: none;
  }
  #team .owl-nav,
  #sponsor .owl-nav {
    text-align: center;
    margin-top: 21px;
  }
  .our_services_col,
  #latest_post img {
    width: 100%;
  }
  .services_whole_card {
    margin: 35px auto;
  }
  #our-services,
  .service-left-text,
  #products,
  .product-box,
  #tg_gallery,
  .pricing_plan_col,
  .our-pricing-plan-main-heading,
  .our_program-main-heading,
  .our-program-boxes,
  #our-program,
  #Join-now,
  .join-now-main-heading,
  #team,
  .team-wraps,
  .image-title,
  #latest_post,
  #testimonial,
  .testimonial_name {
    margin-top: 45px !important;
  }
  .services_whole_card {
    transform: rotate(0deg);
  }
  .services_whole_card .our_services_col:nth-child(2),
  .services_whole_card .our_services_col:nth-child(4),
  .postbox-content1,
  .postbox-content2,
  .postbox-content3,
  .postbox-content4 {
    margin-left: 0px;
  }
  .services_whole_card .our_services_col:nth-child(4),
  .subtext,
  .events_title,
  .team_texts {
    margin-top: 25px;
  }
  .our-services-sub-heading {
    font-size: 30px;
  }
  .our-services-para,
  .contact-info {
    width: auto;
  }
  .product_content,
  .our_program_texts,
  #latest_post .post-title,
  #latest_post .posttext p {
    margin-top: 14px !important;
  }
  #products .owl-nav {
    margin: 0px 0 25px 0;
  }
  #tg_gallery img {
    height: auto;
  }
  #tg_gallery .tg_gallery_front li,
  .gallery-shortcode .tg_gallery_front li {
    padding: 14px 23px !important;
    width: 100%;
  }
  .tg_gallery_front img {
    height: auto;
    width: 100%;
  }
  #tg_gallery .icon_overlay,
  .gallery-shortcode .icon_overlay {
    top: 14px;
    height: 93%;
    width: 89%;
    left: 24px;
  }
  .event_main_head:before,
  .event_main_head:after {
    width: 27px;
    top: 53px;
  }
  .event_main_head:after {
    left: 257px !important;
  }
  .our-events-sub-heading,
  .our-testimonial-sub-heading {
    font-size: 28px;
  }
  .tg_gallery_front {
    padding: 0;
  }
  .event_box {
    padding: 36px 18px;
    width: 94%;
    margin: 20px auto;
    text-align: center;
  }
  .events_thumb img,
  .pricing_plan_col,
  .pricing-plan-box1,
  .pricing-plan-box2,
  .pricing-plan-box3 {
    width: 100%;
  }
  .our-pricing-plan-sub-heading {
    font-size: 32px;
  }
  .our-pricing-plan-para {
    max-width: unset;
    width: 85%;
  }
  .events-data {
    justify-content: center;
  }
  .events-date {
    margin: 0 auto;
  }
  .pricing-plan-img {
    margin: 25px 0 25px 0 !important;
  }
  .pricing_plan_price {
    top: 14%;
    left: 42%;
  }
  .read-more-about:before,
  .read-more-services:before {
    padding: 20px 31px;
  }
  .read-more-about,
  .read-more-services {
    padding: 13px 25px;
    font-size: 14px;
  }
  .our_program-main-heading:before {
    left: -262px !important;
  }
  .our_program-main-heading:after {
    left: 250px !important;
  }
  #counter,
  #Join-now,
  .team_texts,
  #latest_post,
  #testimonial,
  .services_whole_card,
  #our-program,
  .navigation {
    padding-bottom: 35px !important;
  }
  .our-records-info,
  .read_more_join_now,
  #latest_post .view_all,
  .page-template-default p,
  #sidebar .widget_search form,
  .page-template-page-with-right-sidebar p,
  #full-width-blog {
    margin-top: 30px !important;
  }
  #our-program .events-data {
    width: 85%;
    top: 67%;
  }
  .Our-program-title {
    top: 14px;
  }
  .join-now-sub-heading,
  .our-latest-blog-sub-heading,
  .our-product-sub-heading {
    font-size: 30px;
  }
  .join-now-para,
  .our-testimonial-para {
    font-size: 13px;
    line-height: 19px;
    max-width: 600px;
  }
  .our-testimonial-para {
    max-width: 373px;
  }
  .read-more-join-now {
    font-size: 14px;
    padding: 11px 20px;
  }
  .read-more-join-now:before {
    padding: 20px 31px;
  }
  .pricing-plan-main-boxes {
    margin: 0 auto;
  }
  #team .socialbox {
    top: 91%;
    width: 65%;
  }
  #team .owl-prev,
  #team .owl-next,
  #sponsor .owl-prev,
  #sponsor .owl-next,
  #our-program .owl-prev,
  #our-program .owl-next {
    margin: 17px 12px 20px 0px;
    height: 35px;
    width: 35px;
    padding: 5px;
    background-color: unset;
  }
  .testimonial-box-text {
    font-size: 13px;
  }
  .testimonial-box1 {
    padding: 0 22px;
  }
  .footer-column {
    padding-top: 0 !important;
  }
  #footer img {
    display: block;
    margin: 0 auto;
    width: 120px;
  }
  #footer .textwidget p,
  .footer_copyright_text,
  .widget_text {
    text-align: center;
    width: auto;
  }
  #footer .about_me,
  #footer .widget_nav_menu {
    text-align: center;
    margin-top: 25px !important;
  }
  #footer .social_widget,
  .latest_blog_colsec {
    text-align: center;
  }
  #footer input[type="submit"] {
    position: unset;
    max-width: 100%;
    width: 100%;
    margin: 11px auto;
    border: 2px solid white;
  }
  #footer input[type="email"] {
    width: 100%;
    max-width: 100%;
  }
  #our-program .owl-nav {
    text-align: center;
  }
  .latest_blog_colsec {
    background: unset;
    border-radius: 25px;
    margin: unset;
    padding: 12px;
    width: 100%;
  }
  .postbox-content1,
  .postbox-content2,
  .postbox-content3,
  .postbox-content4 {
    margin-left: 0px;
    background: white;
    padding: 29px 10px;
    border-radius: 25px;
  }
  .title-box h1 {
    font-size: 25px;
  }
  .title-box img {
    height: 80px;
  }
  #full-width-blog .post-contents-cols {
    display: block;
  }
  #full-width-blog .postpic img,
  #blog-left-sidebar .postpic img,
  #blog-right-sidebar .postpic img,
  .author-admin .postpic img {
    width: 100%;
    height: auto;
  }
  #blog-left-sidebar .postbox-content,
  #blog-right-sidebar .postbox-content,
  .faqimg,
  .woocommerce ul.products li.product .price,
  .woocommerce ul.products li.product .button {
    width: 100%;
  }
  #blog-left-sidebar .post-contents-cols,
  #blog-right-sidebar .post-contents-cols {
    display: block;
    margin: 0 auto;
  }
  #blog-left-sidebar .post-title,
  #blog-right-sidebar .post-title {
    max-width: unset;
  }
  #blog-left-sidebar .postbox-content,
  #blog-right-sidebar .postbox-content,
  .author-admin .postbox-content {
    margin-left: 5px;
  }
  #blog-left-sidebar .post-contents-cols,
  #blog-right-sidebar .post-contents-cols {
    width: 91%;
  }
  blockquote {
    width: auto;
  }
  .faqimg {
    margin-top: 40px;
  }
  .modified {
    padding-bottom: 35px !important;
  }
  .woocommerce ul.products li.product .button {
    width: 94%;
  }
  .woocommerce ul.products[class*="columns-"] li.product,
  .woocommerce-page ul.products[class*="columns-"] li.product,
  .woocommerce div.product .woocommerce-tabs ul.tabs li,
  .woocommerce-page table.cart td.actions .coupon .button {
    width: 100%;
  }
  .single-product .wc-tabs {
    padding: 0 !important;
  }
  .woocommerce-tabs ul.tabs li {
    margin-bottom: 20px !important;
  }
  .woocommerce ul.products.columns-3 li.product,
  .woocommerce ul.products.columns-4 li.product,
  .woocommerce ul.products.columns-2 li.product {
    margin-top: 25px !important;
    margin-bottom: 0;
  }
  .woocommerce button.button {
    margin: 6px 0;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 100%;
    margin-bottom: 8px;
  }
  .search input[type="submit"] {
    padding: 12px 18px;
  }
}
@media screen and (max-width: 767px) and (min-width: 426px) {
  .prop_desc,
  .slider-main-heading {
    display: block;
  }
  .slider-main-heading {
    font-size: 14px;
  }
  .prop_desc {
    font-size: 13px;
  }
  .slider-box {
    margin-top: 50px;
  }
  #slider .slide_nav {
    top: 89%;
  }
  #slider img {
    height: 418px;
  }
  .pricing_plan_price {
    top: 13%;
    left: 44%;
  }
  .events-date {
    width: 43% !important;
  }
  .above_title {
    margin-top: 5% !important;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  .sticky {
    position: relative !important;
  }
  #menu_conatiner .logo {
    margin-top: 15px;
  }
  .menubar_main_box {
    padding-bottom: 20px;
  }
  .toggle-nav {
    left: 92%;
  }
  .slider-box {
    margin-top: 59px;
  }
  .headtwo {
    font-size: 27px;
  }
  #slider .slide_nav {
    left: 13%;
    top: 91%;
  }
  #slider .carousel-caption {
    left: 12%;
  }
  .about_right_img img {
    left: -68%;
    top: 7em;
    width: 240px;
  }
  .about-left {
    width: 314px;
  }
  .about-us-main-heading {
    margin-top: 0 !important;
  }
  .read_more_abouts_button,
  #sponsor .owl-nav {
    margin-top: 29px !important;
  }
  .about-us-para1,
  .about-us-para2 {
    line-height: 23px;
  }
  .read-more-about,
  .read-more-services {
    padding: 14px 23px;
    font-size: 15px;
  }
  .read-more-about:before,
  .read-more-services:before {
    padding: 22px 31px;
  }
  .service-left-text,
  .pricing-plan-box3 {
    margin-top: 21px;
  }
  .our-services-para {
    width: auto;
  }
  .our-services-main-heading:before {
    left: 200px;
  }
  .services_whole_card,
  .pricing-plan-main-boxes {
    margin-left: 0 !important;
  }
  .contac-get {
    margin-left: -25px !important;
  }
  .contac_form h3,
  .contac-get {
    font-size: 24px;
  }
  .our_services_col {
    width: 48%;
  }
  .services_whole_card {
    transform: rotate(0deg);
  }
  #tg_gallery .icon_overlay {
    height: 89%;
    width: 88%;
  }
  #tg_gallery img,
  .gallery-inner-page img {
    height: 212px;
  }
  .events_thumb,
  .woocommerce-page table.cart td.actions .coupon .button,
  .woocommerce-cart table.cart td.actions .coupon .input-text,
  .inner-cont {
    width: 100%;
  }
  .event_box {
    width: 94%;
    margin: 21px auto;
  }
  #latest_post img,
  .events_thumb img,
  .pricing-plan-box1,
  .pricing-plan-box2,
  .pricing-plan-box3,
  .faqimg,
  .author-admin .post-contents-cols .postpic img {
    width: 100%;
  }
  .pricing_plan_col {
    width: 50%;
  }
  .pricing-plan-main-boxes {
    padding-left: 0 !important;
    margin: 0 auto;
  }
  #our-program .owl-prev,
  #our-program .owl-next,
  #team .owl-prev,
  #team .owl-next,
  #sponsor .owl-prev,
  #sponsor .owl-next {
    margin: 17px 12px 20px 0px;
    height: 35px;
    width: 35px;
    padding: 5px;
    background-color: unset;
  }
  #our-program .owl-nav,
  #team .owl-nav,
  #sponsor .owl-nav {
    text-align: center;
  }
  #latest_post .post-title a {
    font-size: 21px;
  }
  .latest_blog_contents3 {
    margin-bottom: 30px;
  }
  .testimonial-box1 {
    padding: 0 22px;
  }
  .testimonial-box-text {
    font-size: 13px;
  }
  .testimonial_name {
    margin-top: 48px !important;
  }
  #footer input[type="submit"] {
    right: 52px;
  }
  .footer_copyright_text {
    text-align: center;
  }
  .events_content1 .events-date,
  .events_content2 .events-date,
  .events_content3 .events-date,
  .events_content4 .events-date {
    width: 75%;
  }
  .gallery-inner-page .icon_overlay {
    width: 95%;
  }
  .above_title {
    margin-top: 6%;
  }
  #full-width-blog .post-contents-cols {
    display: block;
  }
  #full-width-blog .postpic img {
    width: max-content;
    height: auto;
  }
  #blog-left-sidebar .post-contents-cols .postpic img,
  #blog-right-sidebar .post-contents-cols .postpic img {
    width: 100%;
    height: 91%;
    object-fit: cover;
    border-radius: 26px;
  }
  #blog-left-sidebar .postbox-content,
  #blog-right-sidebar .postbox-content {
    margin-top: 5px;
  }
  #blog-left-sidebar .content_page p,
  #blog-right-sidebar .content_page p,
  .author-admin .posttext p {
    font-size: 11px;
    line-height: 21px;
  }
  .errorimg {
    width: 92%;
  }
  .faq-heading {
    padding: 0 0 10px 0;
  }
  .faq-section .accordion-body {
    padding: 24px 7px !important;
  }
  .author-admin .post-contents-cols .postpic img {
    height: auto;
  }
  .woocommerce-page table.cart td.actions .coupon .button {
    margin-top: 10px;
  }
  .woocommerce button.button {
    margin: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main-header .sidenav {
    display: none;
  }

  .main-navigation li {
    padding: 4px 10px;
  }
  .main-navigation ul ul {
    background-color: transparent;
  }
  .main-navigation ul ul li,
  .menubar.scrolled .main-navigation ul ul li {
    border-bottom: none;
  }
  .toggle-nav {
    display: block;
    text-align: left;
    position: absolute;
    top: 37%;
    transform: translateY(-50%);
    left: 93%;
  }
  .toggle-nav i {
    font-size: 20px;
    color: #222;
  }
  amp-sidebar#sidebar1 {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9;
    top: 32px;
    right: 0;
    background-color: #ff7162;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  #close_nav {
    position: absolute;
    top: 8px;
    right: 1em;
    font-size: 26px;
    color: white;
    cursor: pointer;
    z-index: 99;
  }
  #close_nav i {
    color: white;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span {
    font-size: 30px;
    cursor: pointer;
    text-align: right;
  }
  iframe {
    width: 100%;
    height: auto;
  }
  .toggle-nav {
    display: block;
  }
  .main-navigation a {
    color: white !important;
    text-transform: uppercase;
    font-family: "Montserrat";
  }
  .main-navigation .menu {
    float: none;
    text-align: center;
  }
  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li {
    display: block;
  }
  .main-navigation .menu > ul > li.highlight {
    background: transparent !important;
  }
  .menu > ul > li:hover:before,
  .menu > ul > li.current_page_item:before,
  .menu > ul > li.current-menu-item:before {
    display: none;
  }
  .sf-arrows .sf-with-ul:after {
    border-top-color: var(--color7);
  }
  .toggle i.fa.fa-bars,
  .toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul {
    width: 100%;
    margin-top: 0;
  }
  .menubar .nav ul li,
  .menubar.scrolled .main-navigation li {
    display: block;
    text-align: left;
    float: none;
    width: 100%;
  }
  .nav ul li a {
    padding: 5px 10px;
    display: block;
    color: white;
  }
  .nav ul li a:hover {
    color: #ff8a00;
  }
  .nav ul li ul,
  .nav ul li ul ul {
    display: block;
  }
  .nav ul li ul li a:before {
    content: "\00BB \00a0";
    position: absolute;
    top: 5px;
    left: 5px;
  }
  .nav ul li ul li a {
    padding-left: 20px !important;
  }
  .nav ul li ul li ul li a {
    padding-left: 30px !important;
  }
  .main-navigation ul ul {
    position: static;
    width: 100%;
    box-shadow: none;
  }
  #site-navigation ul > li.menu-item-has-children > a:after {
    content: "\f078";
    background-color: white;
    color: var(--cream);
    height: 30px;
    line-height: 30px;
    right: 0;
    text-align: center;
    width: 30px;
    z-index: 3;
    float: right;
    font-size: 14px;
    margin: 0;
    top: -5px;
  }
  #sidebar1 .sub-menu {
    display: none;
  }
  .main-navigation li {
    padding: 10px 14px;
  }
  .sub-menu li a:after {
    background-color: unset;
  }
}
@media screen and (max-width: 1200px) and (min-width: 1024px) {
  .social_icon {
    padding: 7px;
  }
  .main-navigation li {
    padding: 8px 13px;
  }
  #slider .slide_nav {
    top: 90%;
  }
  .toggle-nav {
    top: 60%;
    left: 62%;
  }
  .slider-box {
    margin-top: 74px;
  }
  .our_services_col {
    width: 45%;
  }
  #tg_gallery .icon_overlay {
    width: 91%;
    left: 14px;
  }
  #footer input[type="email"],
  .pricing-plan-box1,
  .pricing-plan-box2,
  .pricing-plan-box3,
  .inner-cont {
    width: 100%;
  }
  .services_whole_card {
    transform: none;
    padding-bottom: 67px;
  }
  .events_thumb img {
    width: 187px;
  }
  .pricing-plan-main-boxes {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  .pricing_plan_col {
    width: 33.33333333%;
  }
  #our-program .events-data {
    width: 75%;
  }
  #latest_post img {
    height: 288px;
    width: 200px;
  }
  #latest_post .post-comments,
  .contac-get {
    margin-left: 0 !important;
  }
  #latest_post .view_all,
  #full-width-blog .post-contents-cols .view_all {
    margin-top: 35px !important;
  }
  #latest_post .post-title a {
    font-size: 17px;
  }
  #latest_post .posttext p {
    height: 77px;
    font-size: 12px;
  }
  #latest_post .blog_con_text {
    font-size: 12px;
  }
  .testimonials-quotes {
    max-width: 552px;
  }
  .footer_copyright_text {
    text-align: center;
  }
  .events_content1 .events-date,
  .events_content2 .events-date,
  .events_content3 .events-date,
  .events_content4 .events-date {
    width: 100%;
  }
  .sticky .toggle-nav {
    top: 54%;
  }
  .main-navigation ul {
    padding-top: 9px;
  }
  .event_box {
    padding: 22px 39px;
  }
  .latest_blog_colsec {
    margin-left: 4px;
    padding: unset;
    width: 55%;
  }
  .postbox-content1,
  .postbox-content2,
  .postbox-content3,
  .postbox-content4 {
    padding: 21px 23px;
  }
  .content_page p {
    font-size: 11px;
    line-height: 21px;
  }
  #full-width-blog .postbox-content {
    padding: 3px 7px;
  }
  .faqimg {
    width: 100%;
  }
  .faq-section .accordion-body {
    padding: 16px 6px !important;
  }
}