#myInput {
  box-sizing: border-box;
  background-image: url("{{ asset('frontend/imagestemplate/searchicon.png') }}");
  background-position: 14px 12px;
  background-repeat: no-repeat;
  font-size: 16px;
  padding: 14px 20px 12px 45px;
  border: none;
  border-bottom: 1px solid #ddd;
  color:#000;
}

#myInput:focus {outline: 3px solid #ddd;}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 230px;
  overflow: auto;
  border: 1px solid #ddd;
  z-index: 1;
}

.dropdown-content a {
  color: #000;
  padding: 0px 12px;
  text-decoration: none;
  display: block;
  background-color: #ddd;
  border-bottom: 1px solid rgb(168, 167, 167);
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}


.sidebar-ad{
    width:300px;
    min-height:600px;
    margin-left:auto;
    margin-right:auto;
    background:rgb(231, 231, 231)
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px)
{
    .desktop-advert, .desktop-search {
        display:none;
    }

    .mobile-advert {
        width:300px;
        height:250px;
        margin-left:auto;
        margin-right:auto;
        background:rgb(231, 231, 231)
    }

    .qt-mobile-toolbar, #channelslist{
        display:none;
    }

    .sidebar-ad{
        width:300px;
        min-height:250px;
        margin-left:auto;
        margin-right:auto;
        background:rgb(231, 231, 231)
    }

    .qt-paper, .qt-card, .qt-card-s, .qt-negative .qt-caption-med span, input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        background-color: rgb(255, 255, 255);
        color: rgb(0, 0, 0);
    }

    #qtplayercontainer{
        display: none;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px)
{
    .mobile-ad{
        display:none;
    }

    .desktop-ad {
        width:767px;
        height:90px;
        margin-top:20px;
        margin-left:auto;
        margin-right:auto;
        background:rgb(231, 231, 231)
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and  (max-width: 768px)
{
    .mobile-advert, .desktop-search{
        display:none;
    }

    .desktop-advert {
        width:767px;
        height:90px;
        margin-top:20px;
        margin-left:auto;
        margin-right:auto;
        background:rgb(231, 231, 231)
    }

    .sidebar-ad{
        width:300px;
        min-height:250px;
        margin-left:auto;
        margin-right:auto;
        background:rgb(231, 231, 231)
    }

    .qt-paper, .qt-card, .qt-card-s, .qt-negative .qt-caption-med span, input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        background-color: rgb(255, 255, 255);
        color: rgb(0, 0, 0);
    }

    #channelslist, #qt-mobile-toolbar{
        display: none;
    }
    .qt-content-aside {
        display:none;
    }
}


@media only screen and (min-width: 1201px)
{
    .qt-vertical-padding-l {
        padding: 2rem 0 4rem 0;
    }
}


/* SLIDER AD */


.swiper-slide img { width: 100%; height: 100%; object-fit: cover; }


/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px)
{
    .swiper { width: 767px; height: 90px; }

    .mb-ads {
       display: none;
     }

}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and  (max-width: 768px)
{
    .lg-ads {
       display: none;
     }

     .swiper {
        max-width: 300px !important;
        max-height: 250px !important;
     }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px)
{
    .lg-ads {
       display: none;
     }

     .swiper {
        max-width: 300px !important;
        height: 250px !important;
     }
}