@media (max-width: 1920px){
    #tvs{
        margin-top: -10px;

    }
    #myNavbar{
        
        margin-top: 30px;
    }
    #about-wrapper
    {
      height:800px;  
    }
}
@media (max-width: 800px){
    #wrapper .navbar-header .navbar-brand img{
        width:350px;
        height:65px;
        margin-left:2px; 
        
    
    }
    #myNavbar{
        
        margin-top: 30px;
    }
    
}
@media(max-width: 1280px){
        #tvs{
            width: 500px;
            height: 70px;
        margin-top: 0px;

    }
    #myNavbar{
        margin-top: 35px;
    }
}
@media (max-width: 1199px){
        #tvs{
        margin-left: -25px;
    }
    #myNavbar{
        margin-top: 15px;
    }
    #about-wrapper
    {
      height:800px;  
    }
    .vertical-top > h3{
        font-size: 18px;
    }
    .rate span{
        font-size: 12px;
        padding: 0 2px;
    }
    .offers-info b{
        font-size: 17px;
    }
    .offers-info > li{
        font-size: 14px;
        line-height: 32px;
    }
    .vertical-bottom > p{
        font-size: 12px;
    }
    .inner-banner{
        height:550px;
    }
    .tv-main-banner{
        min-height: 500px;
    }
    .topbanner{

    }
}
@media (max-width: 991px){
    #myNavbar{
        margin-top: 40px;
    }
    
    #home-slider .caption h1 {
        font-size: 40px;
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 13px;
        padding: 14px;
    }
    .block-heading h2{
        font-size: 25px;
        margin-top: 30px;
    }
    .block-heading p{
        font-size: 11px;
    }
    .facility-image h4{
        font-size: 14px;
    }
    .facility-image img{
        width:40%;
    }
    .mid-content > h1{
        font-size: 26px;
    }
    .bgbanner1{
        padding: 80px 0;
    }
    .mid-content > h4{
        font-size: 16px;
    }
    .pd_80{
        padding:60px 0;
    }
    .pd_bottom80{
        padding-bottom: 60px;
    }
    .heading > h2{
        font-size: 26px;
    }
    .heading p {
        font-size: 11px;
        margin-bottom: 60px;
    }
    .hover-aqua .hover-it h3 {
        font-size: 16px;
        letter-spacing: 1px;
        margin: 15px 0 13px;
        padding: 0;
    }
    .photo-block h4{
        font-size: 13px;
    }
    .slider-tour h3 {
        font-size: 16px;
        padding-bottom: 5px;
        margin-top:10px;
    }
    .slider-tour > h1 {
        font-size: 24px;
        letter-spacing: 2px;
    }
    .slider-tour .rate{
        padding-bottom: 20px;
    }
    .slider-tour h5{
        font-size: 14px;
    }
    .bgbanner2 #myCarousel{
        height: 250px;
    }
    .vertical-top > h3{
        margin-top:10px;
        font-size: 15px;
    }
    .offers-info > li{
        font-size: 12px;
        line-height: 20px;
    }
    .vertical-bottom{
        bottom: 9%;
    }
    .vertical-bottom > p{
        font-size: 12px;
        padding: 0 0 15px;
    }
    .view-more {
        font-size: 12px;
        padding: 8px 12px;
    }
    .offers-info b{
        font-size: 15px;
    }
    .discount-block h2 {
        font-size: 20px;
        line-height: 30px;
        margin: 0 auto 15px;
    }
    .discount-block > h4{
        font-size: 14px;
    }
    #clockdiv div > span {
        font-size: 22px;
        height: 50px;
        letter-spacing: 1px;
        line-height: 46px;
        width: 50px;
    }
    .smalltext {
        font-size: 12px;
    }
    #clockdiv > div{
        padding:5px;
    }
    #clockdiv{
        margin:20px 0 30px;
    }
    .discount-block .btn-primary {
        font-size: 14px;
        padding: 8px 16px;
    }
    .get-tour i{
        font-size: 16px;
    }
    .bgbanner3{
        padding: 50px 0;
    }
    .review-details > h3 {
        font-size: 20px;
        margin: 15px 0;
    }
    #myCarousel2 .carousel-inner .item img{
        width:50%;
    }
    .review-details{
        padding: 25px 15px;
    }
    .review-details > p{
        font-size: 11px;
    }
    #blog-wrapper{
        padding: 180px 0;
    }
    .post-details > h3{
        margin-top:10px;
        font-size: 16px;
    }
    .post-details h4 i, .post-details > h4{
        font-size: 12px;
    }
    .post-details > p{
        font-size: 11px;
    }
    .footer-block > h2{
        font-size: 22px;
    }
    .footer-about > p{
        font-size: 11px;
    }
    .footer-links li{
        padding: 10px 0;
    }
    .footer-links a{
        font-size: 13px;
    }
    .footer-tags .label-size a{
        padding: 6px 9px;
        font-size: 11px;
    }
    .contact-list > li p a, .contact-list > li p {
        font-size: 12px;
        line-height: 22px;
    }
    .contact-list li i{
        font-size: 14px;
    }
    .social-icons > a, .staff-social-icon > a{
        font-size: 13px;
        height: 26px;
        line-height: 25px;
        margin-right: 5px;
        width: 26px;  
    }
    .copyright{
        font-size: 12px;
    }
    .copyright a{
        font-size: 14px;
    }
    .bgbanner4 h4{
        font-size: 16px;
    }
    .bgbanner4 > h1 {
        font-size: 28px;
        margin: 16px 0;
    }
    .bgbanner4{
        padding: 80px 0;
    }
    .form-wrapper #submit {
        font-size: 13px;
        height: 40px;
        width: 140px;
    }
    .form-wrapper #search {
        font-size: 14px;
        height: 40px;
        width: 295px;
    }
    .form-wrapper {
        width: 450px;
    }
    .destination-place .nav-tabs > li > a{
        font-size: 14px;
        padding: 4px 12px;
    }
    .inner-banner{
        height: 450px;
    }
    .top-discount > h4 b{
        font-size: 12px;
    }
    .top-discount > h4{
        font-size: 10px;
        line-height: 15px;
    }
    .top-discount::after {
        border-bottom: 10px solid transparent;
        border-left: 10px solid #ffa111;
        right: -32px;
        top: 5px;
    }
    .top-discount {
        margin-top: -10px;
        padding: 2px;
        right: 18%;
        width: 58px;
    }
    .staff-desc > h2{
        font-size: 20px;
    }
    .staff-desc > h4{
        font-size: 14px;
    }
    .staff-desc > p{
        font-size: 11px;
        margin:15px 0;
    }
    .singleblog-title h3{
        font-size: 22px;
    }
    .singleblog-title .post-details > h4 {
        font-size: 14px;
        margin: 20px 0 10px;
    }
    .singleblog-title .post-details > p {
        font-size: 13px;
        line-height: 20px;
    }
    .comment-form .form-control{
        width:auto;
    }
    .buttons .btn {
        background: #004974 none repeat scroll 0 0;
        color: #fff;
        font-size: 13px;
        margin-right: 5px;
        padding: 6px 10px;
    }
    .block-heading h2{
        margin-top:20px;
    }
    #about-wrapper{
        padding:130px 0;
    }
    .block-heading p{
        margin-bottom: 30px;
    }
    .blog-dropdown .dropdown-content, .dropdown-submenu > .dropdown-menu{
        width: 150px;
    }
}
@media (max-width: 768px){
     #wrapper .navbar-header .navbar-brand img{
        width:300px;
        height:60px;
        
        
    
    }
    #myNavbar{
        
        margin-top: 30px;
    }
    
    #about-wrapper
    {
        height: 500px;
    }

    
    #home-slider .caption h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    #home-slider .caption{
        top:60%;
    }
    #home-slider .fa-angle-down {
        bottom: 20px;
    }
    .mt_60{
        margin-top:40px;
    }
    .mt-40{
        margin-top:40px;
    }
    .mt-30{
        margin-top:30px;
    }
    .navbar-default .navbar-toggle .icon-bar{
        background: #ffa111;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
        background-color: #060c96;
        border-color:  #060c96;
    }
    .nav.navbar-nav.navbar-right{
        background-color:  #fff;
    }
    .colors-switcher{
        top:210px;
    }
    #myCarousel2 .carousel-inner .item img{
        width:25%;
    }
    #blog-wrapper{
        padding:170px 0;
        margin-bottom: 60px;
    }
    .advertis1.mt_60 {
        margin: 0;
    }
    .comment-form .form-control {
        width: 100%;
    }
    .inner-banner {
        height: 380px;
    }
    .tv-main-topbanner {
        min-height: 400px;
    }
    .blog-dropdown .dropdown-content, .dropdown-submenu > .dropdown-menu{
        width: 200px;
    }
    }
    @media(max-width: 767px){
        .navbar-header button{
        margin-top: 30px;
    }
    #wrapper .navbar-header .navbar-brand img{
        width:350px;
        height:65px;
       margin-left: 10px;
       margin-top: -10px;
    
    }

/*#tvs{
    margin-left: 0px;
    width:400px;
    height:90px;
    }*/
}
@media (max-width: 500px){
    #wrapper .navbar-header .navbar-brand img{
        width:350px;
        height:60px;
        
        margin-top: 0px;
    }
    /*#tvs{
        width:400px;
        height: 60px;
    }
*/


    #home-slider .caption h1 {
        font-size: 20px;
        margin-bottom: 15px;

    }
    #home-slider .caption > h2 {
        font-size: 22px;
    }
    
    #home-slider .caption {
        top: 70%;
    }
    .colors-switcher {
        top: 180px;
    }
    .block-heading h2{
        font-size: 22px;
    }
    .facility-image h4 {
        font-size: 12px;
    }
    .facility-image img{
        width:50%;
    }
    .mid-content > h1{
        font-size: 22px;
    }
    .mid-content > h4{
        font-size: 14px;
        margin-top: 10px;
    }
    .bgbanner1 {
        padding: 65px 0;
    }
    .pd_80{
        padding: 50px 0;
    }
    .pd_bottom80{
        padding-bottom: 50px;
    }
    .heading > h2{
        font-size: 24px;
    }
    .heading p{
        margin-bottom: 50px;
    }
    .hover-aqua .hover-it h3{
        font-size: 14px;
        margin: 8px 0;
    }
    .photo-block:hover h4, .photo-block:hover h5{
        font-size: 11px;
    }
    .slider-tour > h1{
        font-size: 22px;
    }
    .bgbanner2 #myCarousel{
        height: 230px;
    }
    .vertical-bottom > p{
        font-size: 11px;
    }
    .discount-block h2{
        font-size: 18px;
        line-height: 24px;
        width:75%;
    }
    #clockdiv div > span {
        font-size: 20px;
        height: 45px;
        line-height: 42px;
        width: 45px;
    }
    #clockdiv{
        margin: 15px 0 20px;
    }
    .smalltext{
        margin-top:5px;
    }
    .review-details > h3{
        margin: 10px 0;
    }
    #blog-wrapper{
        margin-bottom:50px;
        padding: 160px 0;
    }
    .bgbanner4 > h1{
        font-size: 24px;
        margin:12px 0 20px;
    }
    .form-wrapper #submit{
        height: 38px;
        width:125px;
    }
    .form-wrapper #search{
        width:225px;
        height: 38px;
    }
    .form-wrapper{
        width:380px;
    }
    .bgbanner4{
        padding: 60px 0;
    }
    .destination-place .nav-tabs > li > a {
        font-size: 12px;
        padding: 3px 8px;
    }
    .destination-place .nav-tabs > li{
        margin-right: 10px;
    }
    .staff-desc > h2 {
        font-size: 18px;
        margin: 15px 0 8px;
    }
    .staff-desc > h4 {
        font-size: 13px;
        margin: 8px 0;
    }
    .map iframe {
        height: 200px;
        width: 100%;
    }
    .singleblog-title h3 {
        font-size: 20px;
    }
    .singleblog-title .post-details > p {
        font-size: 12px;
    }
}
@media (max-width: 414px){
#wrapper .navbar-header .navbar-brand img{
        width:300px;
        height:63px;
        
        margin-top: 0px;
    }
    .navbar-header button{
        margin-top: 30px;
    }
    #home-slider .item .caption h1{
        font-size: 40px;
    }
}
@media (max-width: 400px){
    
#wrapper .navbar-header .navbar-brand img{
        width:300px;
        height:60px;
        
        margin-top: 5px;
    }
    .navbar-header button{
        margin-top: 30px;
    }
    
          #about-wrapper
    {
        height: 1000px;
    }
    #home-slider .caption {
        top: 60%;
    }

    #home-slider .caption > h1 {
        
        margin-bottom: 10px;
        
    }
    #home-slider .item .caption h1{
        font-size: 40px;
    }
    #home-slider .caption > h2 {
        font-size: 18px;
    }
    
    .margin-top40{
        margin-top: 40px;
    }
    .width_100{
        width:100%;
    }
    
    .carousel.vertical .carousel-indicators {
        bottom: 9%;
        left: 44%;
        top:auto;
        right: auto;
    }
    .carousel.vertical .carousel-indicators li {
        border: 2px solid #fff;
        display: inline-block;
        margin: 1px;
    }
    .colors-switcher{
        top:170px;
    }
    .block-heading p{
        width:80%;
    }
    .facility-image img{
        width:25%;
    }
    .facility-image{
        margin-bottom: 20px;
    }
    #about-wrapper{
        padding: 355px 0;
    }
    .mid-content > h1{
        font-size: 20px;
    }
    .mid-content > h4{
        font-size: 13px;
    }
    .bgbanner1{
        padding: 55px 0;
    }
    .heading > h2{
        font-size: 22px;
    }
    .heading p{
        width:80%;
    }
    .hover-aqua .hover-it h3{
        margin: 15px 0 13px;
        font-size: 16px;
    }
    .photo-block:hover h4, .photo-block:hover h5{
        font-size: 13px;
    }
    .slider-tour > h1{
        font-size: 18px;
        letter-spacing: 1px;
    }
    .offers-info > li{
        line-height: 26px;
    }
    .vertical-bottom > p{
        font-size: 12px;
    }
    .vertical-top > h3{
        font-size: 16px;
    }
    .discount-block h2{
        font-size: 15px;
        line-height: 22px;
        width:80%;
        margin-bottom:8px;
    }
    .discount-block > h4{
        font-size: 12px;
        margin-top:8px;
    }
    #clockdiv div > span{
        font-size:16px;
        height: 38px;
        width: 38px;
        line-height: 37px; 
    }
    .smalltext{
        font-size: 10px;
    }
    #clockdiv{
        margin: 10px 0 20px;
    }
    .inner-banner {
        height: 300px;
    }
    .footer-about, .footer-block, .copyright, .post-details, .singleblog-title .post-details > p{
        text-align: center;
    }
    .contact-list, .footer-tags{
        width:77%;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }
    .bgbanner4 > h1{
        font-size: 18px;
        margin-top: 10px;
    }
    .bgbanner4 h4{
        font-size: 12px;
        margin: 0;
    }
    .form-wrapper{
        width:280px;
    }
    .form-wrapper #search{
        height: 30px;
        width:140px;
        font-size: 12px;
    }
    .form-wrapper #submit{
        height: 30px;
        width:115px;
        font-size: 12px;
        text-transform: capitalize;
    }
    .destination-place .nav-tabs > li{
        margin-right: 0px;
    }
    .destination-place .nav-tabs > li > a{
        font-size: 10px;
        padding: 4px 5px;      
    }
    .singleblog-title h3 {
        font-size: 18px;
        line-height: 22px;
        text-align: center;
    }
    .inner-page-title h2 {
        font-size: 20px;
    }
    .inner-page-title > p {
        font-size: 11px;
    }
}
@media (max-width: 375px){
    #wrapper .navbar-header .navbar-brand img{
        width:270px;
        height:57px;
        
        margin-top: 5px;
    }
    .navbar-header button{
        margin-top: 30px;
    }

}
@media (max-width: 360px){
    #wrapper .navbar-header .navbar-brand img{
        width:250px;
        height:51px;
        
        margin-top: 5px;
    }
    .navbar-header button{
        margin-top: 30px;
    }

}

@media (max-width: 340px){
    #wrapper .navbar-header .navbar-brand img{
        width:250px;
        height:51px;
        margin-left: -5px;
        margin-top: 10px;
    }
    .navbar-header button{
        margin-top: 30px;
    }


    #about-wrapper{
        padding: 345px 0;
    } 
    #home-slider .item .caption h1{
        font-size: 30px;
    } 
}
