/* -----RESPONSIVE WEB DESIGN----- */

/* // Extra small devices  */
@media (max-width: 575.98px) {
  /* home  */
  .home-bottom-outer .home-bottom-four, 
  .home-bottom-outer .ad-box.box-three {
    position: unset !important;
  }
  .cat-left .col-class-new {
    flex-basis: 100%;
  }
  .menu_outer .top-banner-outer ul a:nth-child(5) {
    display: none;
  }
 .home-right-four .carousel-container .carousel {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 12px;
  }
  .rip-box.rip-box-four .rip-box-four-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px 15px;
  }
  .ad-box.box-four .home-right-four .home-srilanka-title, 
  .rip-box.rip-box-four .rip-box-four-inner .Home-bottom-ad-title {
    grid-column: 2 span;
  }
  .menu_outer .home_menu_main a {
    font-size: 16px;
  }
  .menu_outer .top-banner-outer ul {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
  }
  .menu_outer .top-banner-outer ul a {
    flex-basis: 47%;
  }
  .ad-box {
    flex-basis: 100%;
  }
  .ad-boxes .ad-box .Home-right img {
    width: 100%;
  }
  .ad-boxes .ad-box .home-right-four img {
    width: 100%;
  }
  .home-outer .ad-boxes .ad-box a {
    display: block;
  }
  .home-youtube-ad .epyt-gallery .epyt-gallery-allthumbs .epyt-gallery-thumb {
    width: 100%;
  }
  .home-youtube-ad .epyt-gallery .epyt-gallery-allthumbs {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
  }
  .home-bottom-outer .ad-box img {
    width: 100%;
  }
  .home-bottom-outer .ad-box .home-bottom-four a {
    display: block;
  }
  footer.footer-outer ul.nav.navbar-nav {
    flex-direction: column !important;
    gap: 20px;
    /* text-align: left; */
    padding: 20px 0;
    align-items: center;
  }
  footer.footer-outer .media {
    align-items: center !important;
    display: flex;
    justify-content: center;
  }
  footer.footer-outer .media-body {
    flex: initial;
  }
  footer.footer-outer {
    padding: 20px 0 0;
  }
  footer.footer-outer svg {
    margin-right: 15px !important;
  }
  /* RIP page  */
  .rip-page-outer .rip-boxes .rip-box {
    width: 100%;
  }
  .rip-page-outer .rip-boxes .rip-box-four img {
    width: 100%;
  }
  .rip-page-outer .rip-boxes .rip-box-four-inner a {
    display: block;
  }
  .info-page h2 {
    font-size: 1.5rem !important;
  }
  .about-page-outer p b {
    font-size: 1.5rem !important;
  }
  /* rip post */
  .rip-single-top-outer .row {
    /* margin: 0; */
    padding: 0 15px;
  }
  .rip-single-top-outer .rip-single-middle h3 {
    font-size: 16px;
  }
  .rip-single-top-outer .rip-single-top h2 {
    font-size: 25px;
  }
  .rip-single-top-outer .rip-single-bottom h2 {
    font-size: 20px;
  }
  .rip-single-top-outer .rip-single-bottom h5 {
    font-size: 16px;
  }
  .rip-single-content .row {
    margin: 0 !important;
  }
  .single_blog_left .social-share-right-outer {
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .single_blog_left .social-share-left-outer {
    width: 100%;
    align-items: center;
    justify-content: space-between;
  }
  .single_blog_left .socialshare-outer {
    padding: 15px 0;
    flex-wrap: wrap;
    gap: 20px;
  }
  .single_blog_left .sharelabel {
    writing-mode: initial;
  }
  .single_blog_left .social-share-text {
    writing-mode: initial;
  }
  .rip-single-middle img {
    max-width: 120px !important;
  }
  .rip-single-top-outer .rip-single-middle h3 {
    font-size: 14px;
  }
}

/* // mobile menu  */
@media (max-width: 768px) {
  .home_menu_main {
    display: none;
  }
  .header-menu-inner {
    display: block;
    position: relative;
  }
  #mega-menu-wrap-menu-1 .mega-menu-toggle {
    background-color: transparent;
  }
  .menu_outer .nav.nav-mob {
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
    width: 100%;
    z-index: 1;
  }
  .header_resp_section
    #mega-menu-wrap-menu-1
    #mega-menu-menu-1
    li
    a.mega-menu-link::before {
    left: 45px;
  }
  .mega-menu-link {
    text-align: center !important;
  }
  header .menu_outer #mega-menu-menu-1 {
    padding: 30px 0 !important;
    margin-top: 10px !important;
  }
  header .menu_outer #mega-menu-menu-1 li {
    margin-bottom: 30px !important;
  }
  header .menu_outer #mega-menu-menu-1 li:last-child {
    margin: 0 !important;
  }
  .menu_outer .header_logo img {
    height: 50px;
  }
  .header_logo {
    width: 100%;
  }
  #mega-menu-wrap-menu-1
    .mega-menu-toggle
    .mega-toggle-blocks-right
    .mega-toggle-block {
    margin-right: 0;
  }
  .menu_outer .header_logo a {
    width: 90% !important;
    display: inline-block;
  }
  .menu_outer .home_menu_main .container-fluid {
    padding-left: 15px;
  }
  .menu_outer .home_menu_main a {
    font-size: 16px;
  }
  .contact-page-outer .contact-page-left {
    margin-bottom: 30px;
  }
  .home-youtube-ad .epyt-gallery iframe {
    width: 100% !important;
  }
  /* new code */
  #mega-menu-wrap-menu-1 .mega-menu-toggle {
    background-color: transparent;
    width: 50px;
    z-index: 1;
    position: absolute;
    right: 0;
  }
  .ad-box.box-one {
    display: none;
  }
  .ad-boxes {
    gap: 10px;
    padding: 0 15px;
  }
  .bottom-rectangle-ad img {
    display: none;
  }
  .home-body-ad img {
    display: none;
  }
  .Home-right .home-right-ad img {
    display: none;
  }
  .rip-page-outer .rip-boxes .rip-box.rip-box-one {
    display: none;
  }
  .rip-single-top-outer .row {
    padding: 0 15px;
  }
  .rip-boxes {
    padding: 0 15px;
    gap: 10px;
  }
}

/*// Small devices  */
@media (min-width: 576px) and (max-width: 768px) {
  /* home */
  .ad-box {
    flex-basis: 48%;
  }
  /* .ad-boxes {
    margin: 0 !important;
  } */
  .home-youtube-ad .epyt-gallery .epyt-gallery-allthumbs .epyt-gallery-thumb {
    width: 48%;
  }
  .home-youtube-ad .epyt-gallery .epyt-gallery-allthumbs {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
  }
  footer.footer-outer ul.nav.navbar-nav {
    justify-content: center !important;
    gap: 20px;
    padding: 20px 0;
    align-items: center;
  }
  footer.footer-outer .media {
    align-items: center !important;
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
  }
  footer.footer-outer .media-body {
    flex: initial;
  }
  footer.footer-outer {
    padding: 20px 0 20px;
  }
  footer.footer-outer svg {
    margin-right: 15px !important;
  }
  .home-recent-news .item .grid-img-list,
  .bottom-ad-center-grid a {
    height: 100% !important;
  }
  .home-bottom-two {
    position: sticky;
    top: 10px;
    margin-bottom: 15px;
  }
  footer.footer-outer .col-md-6 {
    width: 100% !important;
    max-width: 100%;
    flex: 0 0 100%;
  }
  /* rip */
  .rip-page-outer .rip-boxes .rip-box {
    width: 48%;
  }
  .rip-page-outer .rip-boxes {
    gap: 10px;
    padding: 0 15px;
  }
  /* .rip-single-top-outer .row {
    margin: 0;
  } */
  .rip-single-content .row {
    margin: 0 !important;
  }
  .contact-page-outer .contact-page-left {
    margin-bottom: 30px;
  }
}

/*// Medium devices  */
@media (min-width: 768px) and (max-width: 991.98px) {
  .menu_outer .header_logo img {
    height: 50px;
  }
  .ad-box {
    flex-basis: 48%;
  }
  /* .ad-boxes {
    margin: 0 !important;
  } */
  .ad-boxes {
    padding: 0 15px;
  }
  .home-bottom-two {
    position: sticky;
    top: 10px;
    margin-bottom: 0;
  }
  .ad-boxes .ad-box .Home-right img {
    width: 100%;
  }
  .ad-boxes .ad-box .home-right-four img {
    width: 100%;
  }
  .home-outer .ad-boxes .ad-box a {
    display: block;
  }
  .ad-boxes .Home-bottom-ad img {
    width: 100%;
  }
  .Home-left .home-left-ad a,
  .Home-bottom-ad a {
    display: block;
  }
  .home-bottom-outer .home-bottom-four a {
    display: block !important;
  }
  .home-bottom-outer .home-bottom-four img {
    width: 100%;
  }
  /* footer.footer-outer ul.nav.navbar-nav {
    justify-content: space-between;
  }
  footer.footer-outer .col-md-6:nth-child(1) {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  footer.footer-outer .row {
    justify-content: space-between;
  }
  footer.footer-outer ul.nav.navbar-nav {
    justify-content: space-between;
    gap: 0;
  } */
  footer.footer-outer ul.nav.navbar-nav {
    justify-content: center !important;
    gap: 20px;
    padding: 20px 0;
    align-items: center;
  }
  footer.footer-outer .media {
    align-items: center !important;
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
  }
  footer.footer-outer .media-body {
    flex: initial;
  }
  footer.footer-outer {
    padding: 20px 0 20px;
  }
  footer.footer-outer svg {
    margin-right: 15px !important;
  }
  /* rip */
  .rip-page-outer .rip-boxes .rip-box {
    width: 48%;
  }
  .rip-page-outer .rip-boxes {
    gap: 10px;
    padding: 0 15px;
  }
  .rip-single-top-outer .row {
    /* margin: 0; */
    padding: 0 15px;
  }
  .rip-single-content .row {
    margin: 0 !important;
  }
  .blog_single_outer {
    margin-bottom: 140px !important;
  }
  .single_blog_left .single-external-link a {
    font-size: 15px;
  }
  .blog_single_outer .col-md-8 {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .blog_single_outer .col-md-4 {
    flex: 40%;
    max-width: 40%;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  /* home */
  footer.footer-outer ul.nav.navbar-nav {
    justify-content: space-between;
    gap: 0;
  }
  .ad-boxes .ad-box.box-one {
    width: 20%;
  }
  .ad-boxes .ad-box.box-four {
    width: 20%;
  }
  .ad-boxes .ad-box {
    width: 30%;
  }
  .ad-boxes .ad-box.box-three {
    width: 27%;
  }
  /* rip */
  .rip-boxes .rip-box.rip-box-one {
    width: 20%;
  }
  .rip-boxes .rip-box.rip-box-four {
    width: 20%;
  }
  .rip-boxes .rip-box {
    width: 30%;
  }
  .rip-boxes .rip-box.rip-box-three {
    width: 27%;
  }
  .rip-boxes .rip-box.rip-box-two {
    width: 30%;
  }
  .rip-single-top-outer .row {
    /* margin: 0; */
    padding: 0 15px;
  }
  .rip-single-content .row {
    margin: 0 !important;
  }
  .home-outer,
  .home-bottom-outer {
    padding: 0 15px !important;
  }
  .cat-list-items a {
    font-size: 13px !important;
  }
  .rip-page-outer {
    padding: 0 15px;
  }
  .blog_single_outer {
    margin-bottom: 140px !important;
  }
}

/*// large and extra large devices  */
@media (min-width: 1199.98px) and (max-width: 1399.98px) {
  .cat-list-items a {
    font-size: 13px !important;
  }
  /* home */
  .ad-boxes .ad-box.box-three {
    width: 24%;
  }
  .ad-boxes .ad-box.box-one {
    width: 17%;
  }
  .ad-boxes .ad-box.box-three {
    width: 24%;
  }
  .ad-boxes .ad-box.box-four {
    width: 17%;
  }
  /* rip */
  .rip-boxes .rip-box.rip-box-one {
    width: 17%;
  }
  .rip-boxes .rip-box.rip-box-four {
    width: 17%;
  }
  .rip-boxes .rip-box.rip-box-two {
    width: 37%;
  }
  .rip-single-top-outer .row {
    /* margin: 0; */
    padding: 0 15px;
  }
  .rip-single-content .row {
    margin: 0 !important;
  }
  .home-outer,
  .home-bottom-outer {
    padding: 0 15px !important;
  }
  .cat-list-items a {
    font-size: 13px !important;
  }
  .rip-page-outer {
    padding: 0 15px;
  }
}

/*// Medium and large devices  */
@media (min-width: 1400px) and (max-width: 1440px) {
  .rip-single-top-outer {
    padding: 0 15px;
  }
  .rip-single-content {
    padding: 0 15px;
  }
  .home-outer,
  .home-bottom-outer {
    padding: 0 15px !important;
  }
  .rip-page-outer {
    padding: 0 15px;
  }
}
/*// Medium and large devices  */
@media (min-width: 768px) and (max-width: 1199.98px) {
}


@media (max-width: 767px) {
  .header_resp_section.desktop-menu {
    display: none;
  }

  .menu_outer .home_menu_main .container-fluid {
    /* padding-left: 15px; */
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .header_resp_section.mobile-menu {
    display: block !important;
  }
  .header-cat-menu ul {
    flex-wrap: wrap;
  }
}