----------------------Mobile Menu Icon------------------------------

/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}

.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #373737;
}

.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.closebtn{
  display: none;
}
.main-navigation ul ul li{
  padding: 8px;
}

/*-------------- media section ---------------*/

@media screen and (max-width: 500px) {
  .home_contact_form::after{
  content: unset;
  }
}
@media screen and (max-width:575px) {
  #menu-navigation {
  
    max-height: 100%;
    align-items: center;
  }
  .video-search-content-box {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .latest-video-view-button-flex {
    height: 46px;
    width: 132px;
  }
  .blog-date h6{
    font-size: 12px;
  }
  .clients-image{
    flex-direction: column;
  }
  .author-name{
    font-size: 12px;
  }
  .footer1 .textwidget p {
    font-size: 14px;
    line-height: 28.12px;
  }
  #footer .textwidget input[type="email"]::placeholder {
    font-size: 15px;
  }
  .get-in-touch-form-box textarea::placeholder {
    font-size: 12px !important;
}
#return-to-top {
  bottom: 100px;
}

  #footer .textwidget input[type="submit"]
  {
    font-size: 16px;
  }
  .media.post-thumb{
    flex-direction: column;
  }
  #footer h3{
    font-size: 20px;
    text-align: center;
  }
  .media-body p{
    text-align: center;
  }
  .media-body.post-content {
    text-align: center;
    padding: 16px 0;
  }
  .media-body a{
    font-size: 16px;
  }
  #menu-navigation li a {
    font-size: 14px;
    line-height: 22px;
  }
  .video-search-popular-tags {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  #search_keywords::placeholder {
    font-size: 10px;
  }
  .test-copyright{
    flex-direction: column;
  }

  .main-navigation a{
    text-align: left;
  }
  .main-navigation a{
    font-size: 16px;
  }
  .main-navigation .sub-menu a{
    font-size: 16px;
  }
  .sticky .header-wrap {
    padding: 0 0 12px;
}

  .video-search-box.mt-5 {
    margin-bottom: 0;
  }
  #video-search {
    padding: 60px 0 0;
    }
  .video-search-popular-tags {
    position: absolute;
    top: 90px;
    bottom: unset;
  }
  .video-search-filters .search_submit {
    position: unset;
    display: flex;
    align-items: center;
    margin: auto;
    left: 0;
    justify-content: center;
    margin-top: 16px;
  }
  .video-search-main-heading h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .search-videos-content p{
    text-align: center;
    font-size: 14px;
  }
  .search-videos-title{
    text-align: center;
  }
  .search-videos-title a {
    font-size: 24px;
    line-height: 38px;
  }
  .accordion-button::before {
    right: -15px;
    width: 13px !important;
    height: 3px !important;
    }
  .collapse-button-right::before {
    right: -22px;
  }
  .accordion-button:not(.collapsed) .collapse-button-right::after {
    right: -22px;
    
    }
    #about-us .about-right-image {
      grid-template-rows: repeat(15, 23px);
      margin-top: 22px;
    }
    .popular-travel-videos-title a {
      font-size: 24px !important;
      line-height: 38px !important;
    }
    .inner-items-travel-popular-videos {
      padding: 26px !important;
    }
  .accordion-button::after {
    right: -10px;
    width: 3px !important;
    height: 12px !important;
  }
  .collapse-button-right::before {
    width: 28px;
    height: 28px;
  }
  .accordion-button:not(.collapsed) .collapse-button-right::after {
    width: 28px;
    height: 28px;
  }
  .video-search-content-box {
    width: 100% !important;
    height: 100%;
    border-radius: 16px;
    position: unset;
    bottom: 0;
    right: 0;
    padding: 60px 14px;
    right: 24px;
    transform: translate(0px , -160px);
  }
  #search_keywords{
    width: 100%;
  }
  .video-search-popular-tags ul{
    flex-direction: column;
  }
  .video-search-tags-title{
    flex-direction: column;
  }
  #latest-videos{
    padding: 80px 0;
  }
  .latest-videos-heading h2{
    font-size: 28px;
    text-align: center;
  }
  .latest-videos-title a{
    font-size: 26px;
    line-height: 40px;
  }
  .latest-videos-content p {
    font-size: 16px;
    line-height: 27px;
    margin-top: 8px;
  }
  .popular-videos-heading h2{
    text-align: center;
    font-size: 28px;
  }
  .popular-videos-title a{
    font-size: 18px;
  }
  .categories-image img{
    height: 100%;
  }
  .categories-image {
    margin-top: 32px;
  }
  .categories-heading h2{
    font-size: 28px;
  }
  .categories-heading p {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
  }
  .categories-content p {
    font-size: 16px;
    line-height: 28px;
  }
  .tutorials-videos-title a{
    font-size: 18px;
  }
  .latest-category-title{
    padding-top: 20px;
  }
  .categories-title a {
    font-size: 20px;
    line-height: 40px;
    text-align: left;
  }
  .tutorials-category-title{
    padding-top: 20px;
  }
  .tutorials-videos-heading h2{
    font-size: 28px;
    text-align: center;
  }
  .popular-category-title{
    padding-top: 20px;
  }
  .latest-videos-image img{
    height: 100%;
  }
  .getintouch-right-images {
    grid-template-rows: repeat(15, 15px);
  }
  .about-details h6{
    font-size: 28px;
    text-align: center;
  }
  .about-details h2 {
    font-size: 26px;
    line-height: 47px;
    text-align: center;
  }
  .testimonial-heading h2{
    font-size: 28px;
  }
  .about-details p {
    font-size: 14px;
    line-height: 29px;
    text-align: center;
  }
  .blogs-headings h2{
    font-size: 28px;
    text-align: center;
  }
  .about-points-box{
    flex-direction: column;
  }
  .about-two-points{
    width: 100%;
  }
  #slider .owl-dots {
    top: 5%;
  }
  .about-button-flex {
    display: flex;
    align-content: center;
    justify-content: center;
  }
  .accordion-button {
    font-size: 16px !important;
    line-height: 25px;
    width: 95% !important;
  }
  .faqs-heading h2{
    font-size: 28px;
    text-align: center;
  }
  .panel-body p {
    font-size: 12px;
    line-height: 23px;
    margin-bottom: 0;
  }
  .newsletter-headings h2 {
    font-size: 36px;
    line-height: 47.2px;
  }
  .newsletter-form input.wpcf7-form-control.wpcf7-submit.has-spinner{
    margin: 14px 0;
  width: 100%;
  }
  .newsletter-form input.wpcf7-form-control.wpcf7-text {
    padding: 18px 0 18px 91px;
    height: 67px;
    width: 100%;
    margin-top: 14px;
  }
  .slider-contents h1 {
    font-size: 30px !important;
    line-height: 45px !important;
    width: 100% !important;
}
.get-in-touch-form-box textarea {
  border: unset;
  height: 151px;
}
.get-in-touch-form-box textarea::placeholder {
  font-size: 12px;
}
.get-in-touch-form-box p {
  font-size: 14px;
  text-align: center;
} 
.get-in-touch-form-box input[type="text"]::placeholder {
  font-size: 12px;
} 
.get-in-touch-form-box input[type="text"]{
  margin-top: 12px;
}
.get-in-touch-form-box {
  padding: 18px 16px !important;
}
.get-in-touch-form-box h2{
  font-size: 34px !important;
  text-align: center;
}
.newsletter-headings h6{
  font-size: 14px;
  width: 100%;
}
.testi-title {
  padding: 12px 28px 0;
}
#testimonial .owl-nav{
  justify-content: center;
}
.newsletter-form input.wpcf7-form-control.wpcf7-submit.has-spinner{
  position: unset;
}
#testimonial .owl-next {
  position: unset;
  margin: unset;
  transform: unset;
}
#testimonial .owl-nav button{
  margin: 10px;
}
#testimonial .owl-prev {
  position: unset;
  margin: unset;
  transform: unset;
}
.slider-contents p {
  font-size: 14px !important;
  line-height: 30px;
  width: 90% !important;
}
#header .logo img{
  width: 100%;
}
.testi-title p{
  text-align: center;
  font-family: 14px;
}
.testi-title a{
  font-size: 18px;
}
.slider-background-image img{
  height: 374px !important;
}
.items-testimonial{
  flex-direction: column;
}
.testimonial-heading p{
  font-size: 14px;
  width: 100%;
}
.testimonial-content p{
  font-size: 14px;
  text-align: center;
}

.events-box:nth-child(2) .inner-items-events {
  flex-direction: column;
}
.events-title a {
  font-size: 28px;
  line-height: 40px;
}
.events-heading h2 {
  font-size: 28px;
  line-height: 30px;
}
.events-box {
  margin-bottom: 34px;
}
.events-box:nth-child(2) .inner-items-events .events-content-box {
  transform: unset;
}
.slider-button-text {
  padding: 0 5px;
}
.slider-button-text a {
  font-size: 14px;
  height: 45px;
  width: 133px;
}
}

@media screen and (min-width: 576px) and (max-width:767px){
  .slider-contents h1 {
    font-size: 41px;
    line-height: 54px;
    width: 100%;
  }
  #header .logo img{
    width: 100%;
  }
  .slider-contents h1 {
    font-size: 36px !important;
    line-height: 53px !important;
    width: 77% !important;
  }
  .slider-contents p {
    font-size: 14px !important;
    line-height: 26px !important;
    width: 42% !important;
  }
  .popular-video-box-content {
    align-items: baseline;
    padding: 22px 0;

  }
  
  .blog-date h6{
    font-size: 12px;
  }
  .inner-items-tutorials-videos {
    padding-top: 22px;
  }
  #search_keywords {
    width: 487px !important;
  }
  .video-search-box.mt-5 {
    margin-bottom: 0;
  }
  .video-search-popular-tags ul li a {
    font-size: 12px;
    width: 110px;
  
  }
  .video-search-popular-tags h6{
    font-size: 12px;
  }
  .video-search-content-box {
    width: 100% !important;
        height: 100%;
    position: unset;
    transform: unset;
  }
  .video-search-popular-tags {
    position: absolute;
    top: 20%;
    right: 0;
    left: 0;
    margin: auto;
    bottom: unset;
 
  }
  .author-name{
    font-size: 12px;
  }
  .categories-image {
    margin: 30px 0;
  }
  .latest-category-title {

    padding-top: 30px;
  }
  .blog-title a {
    font-size: 16px;
    line-height: 29.6px;
  }
  .events-title a {
    font-size: 25px !important;
    line-height: 35px !important;
  } 
  .categories-content p {
    font-size: 16px;
    line-height: 28px;
  }
  .categories-title a {
    font-size: 34px;
  }
  .about-two-points{
    height: 105px;
  }
  #latest-videos {
    padding: 80px 0;
  }
  .about-two-points h5{
    font-size: 18px;
    padding-left: 20px;
  }
  #media_image-1 img {
    padding: 0;
  }
  .events-content p {
    font-size: 12px;
    line-height: 22px;
  }
  .getintouch-right-images {
    grid-template-rows: repeat(15, 26px);
    margin-top: 24px;
  }
  .accordion-button
  {
    font-size: 20px !important;
  }
  .newsletter-headings h6 {
    font-size: 14px;
    line-height: 26px;
    width: 60%;
    margin-bottom: 0;
  }
  .newsletter-headings h2 {
    font-size: 36px;
    line-height: 52.2px;
  }
  
}

@media screen and (min-width: 768px) and (max-width:991px) {
  #menu-navigation li a {
    font-size: 16px;
    line-height: 26px;
  }
  .video-search-popular-tags {
    position: absolute;
    left: 0;
    align-items: center;

  }
  #search_keywords {
    width: 600px;
  }
  #header .logo img{
    width: 100%;
  }
  .inner-items-popular-videos {
    margin-top: 24px;
  }
  .latest-videos-image img {
    margin-bottom: 24px;
  }
  .newsletter-headings h2{
    font-size: 38px;
  }
  .newsletter-headings h6 {
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    width: 62%;
    margin-bottom: 20px;
  }
  .footer1 .textwidget p {
    font-size: 14px;
    line-height: 27.12px;
  }
  .media-body p{
    font-size: 10px;
  }
  .media-body a{
    font-size: 14px;
  }
  .inner-items-tutorials-videos {
    margin-top: 32px;
  }
  .search-videos-content p {
    font-size: 14px;
    line-height: 19px;
  }
  .search-videos-title a {
    font-size: 26px;
    line-height: 42px;
  }
  .video-search-content-box {
    width: 646px !important;
  }
  .slider-contents h1 {
    font-size: 46px !important;
    line-height: 62px !important;
    width: 75% !important;
}
.categories-title a {
  font-size: 28px;
  line-height: 48px;
}
.categories-content p {
  font-size: 14px;
  line-height: 25px;
}
.getintouch-right-images {
  margin-top: 45px;
}
.categories-box {
  margin-bottom: 26px;
}
.categories-image img {
  height: 400px;
}
 
#latest-videos{
  padding: 80px 0;
}
.latest-videos-title a {
  font-size: 28px;
  line-height: 45px;
}
.latest-videos-content p {
  font-size: 14px;
  line-height: 30px;
  margin-top: 10px;
}
#media_image-1 img {
  width: 100%;
  height: 100%;
}
.events-title a {
  font-size: 30px;
  line-height: 44px;
}
#about-us .about-right-image {
  grid-template-rows: repeat(15, 48px);
}
#slider .owl-dots {
  top: 10%;
}
}




@media screen and (max-width: 1024px){
  .accordion-button{
    font-size: 16px !important;
  }
  .dark .toggle-nav i {
    color: #fff;
  }
  .video-search-content-box {
    width: 800px;
  }
  .popular-videos-image img {
    height: 230px;
  }
  .inner-items-travel-popular-videos {
    padding: 44px;
  }
  .popular-travel-category-title {

    padding-top: 0;
  }

  .popular-travel-videos-image img {
    height: 440px;
  }
  .popular-videos-content p{
    font-size: 12px;
  }
  .accordion-button{
    font-size: 18px;
  }
  .accordion-header {
    height: 68px;
  }
  .latest-videos-title a {
    font-size: 28px;
    line-height: 45px;
  }
  .latest-videos-content p {
    font-size: 18px;
  }
  .popular-videos-title a {
    font-size: 18px;
    line-height: 26.99px;
  }
  .popular-travel-videos-content p{
    font-size: 16px;
  }
  .popular-travel-videos-title a {
    font-size: 28px;
    line-height: 50px;
  }
  .accordion-button{font-size: 18px;}
  .events-title a {
    font-size: 28px;
    line-height: 44px;
  }
  .slider-contents p {
    font-size: 16px;
    line-height: 30px;
    width: 29%;
}
.slider-background-image img {
  width: 100%;
  height: 574px;
}

.slider-contents h1 {
  font-size: 54px;
  line-height: 70px;
  width: 70%;
}
.get-in-touch-form-box h2{
  font-size: 48px;
}
.get-in-touch-form-box p{
  font-size: 16px;
}
.get-in-touch-form-box{
  padding: 18px 40px;
}






  .toggle-nav i {
    font-size: 29px;
    color: #373737;
    }
  .toggle-nav
  {
    display: block;
  }

  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #00AAA1;
    transition: 0.5s;
    padding-top: 0;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .sidenav .closebtn {
    font-size: 36px;
    display: block;
    color: #ffffff;
    margin-left: 162px;
    margin-bottom: 14px;
    margin-top: 38px;

  }
  .sidenav #site-navigation {
    width: 100%;
    height: 100%;
    overflow: scroll;
}
  .toggle-nav span {
    cursor:pointer; 
    text-align: right;
  }
  iframe {
    width: 100%;
  }
  .innermenubox {
    position: static;
  }
  #about p.main_para{
    font-size: 14px;
  }
  .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: #333;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul{ 
    width:100%;
    margin-top:0;
    padding-left: 0; 
    background: unset;
  }
  .menubar .nav ul li,
  .menubar.scrolled .main-navigation li{
    border-top:1px #fff solid; 
    display:block;
    text-align:left;
    float:none;
    width: 18rem;
    padding: 5px;
  }
  .nav ul li a{
    padding: 12px 10px;
    display:block; 
    color: #FFFFFF !important;
  }
  .nav ul li a:hover{
    color:#000000 !important;
  }
  .nav ul li ul,
  .nav ul li ul ul{ 
    display:block !important;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
  padding-left:20px !important;
  padding: 12px 10px;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }

  .main-navigation li.current_page_item
  {
    border:none;
  }


}


@media screen and (min-width: 1367px) and (max-width: 1600px)
{


  
}


 @media screen and (min-width: 1025px) and (max-width: 1199px){

  .main-navigation li {
    padding: 0px 14px 0px;
  }
  .slider-background-image img {
    height: 600px;
  }
  .main-navigation a{
    font-size: 16px;
  }
  .popular-videos-content p{
    font-size: 12px;
  }
  .tutorials-videos-content p{
    font-size: 12px;
  }
  .tutorials-videos-title a{
    font-size: 18px;
  }
  .tutorials-video-date {
    padding-left: 16px;
  }
  .tutorials-video-date h5{
    font-size: 12px;
  }
  .get-in-touch-form-box p{
    font-size: 18px;
  }
  .accordion-button{
    font-size: 18px !important;
  }
  .popular-travel-videos-title a{
    font-size: 32px;
  }
  .inner-items-travel-popular-videos {
    padding: 30px !important;
  }
  .popular-travel-category-title{
    padding-top: 0;
  }
  .popular-videos-title a{
    font-size: 18px;
  }
  .popular-video-date h5{
    font-size: 12px;
  }
  .get-in-touch-form-box h2{
    font-size: 50px;
  }
  .slider-contents h1 {
    font-size: 48px;
    line-height: 74px;
  }
  .popular-videos-image img {
    width: 100%;
    height: 234px;
  }
  .categories-image img {
    height: 490px;
  }
  .categories-content p {
    font-size: 16px;
    line-height: 31px;
  }
  .categories-title a{
    font-size: 32px;
  }
  .video-search-content-box {
    width: 770px;
  }
  .slider-contents p{
    font-size: 16px;
    width: 25%;
  }
  .events-title a {
    font-size: 28px;
    line-height: 38px;
  }
  .getintouch-right-images {
    grid-template-rows: repeat(15, 26px);
  }
  .get-in-touch-form-box {
    padding: 32px;
  }

 }
@media screen and (min-width: 1600px) and (max-width: 1920px){
 





  
} 





@media screen and (min-width: 1200px) and (max-width: 1366px)
{
  .video-search-content-box {
    width: 870px;
  }
  .popular-travel-videos-title a {
    font-size: 32px;
    line-height: 53px;
  }
  .events-title a {
    font-size: 32px;
    line-height: 46px;
  }
  .slider-contents h1{
    font-size: 50px;
  }
  .slider-contents p {
    font-size: 18px;
    line-height: 29px;
    width: 26%;
    text-shadow: 0px 4px 4px #00000040;
  }

  
}