@media (min-width: 320px) and (max-width: 1650px) {

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1650px;
    }


    .header__nav ul li a {
        font-size: 19px;
        margin-right: 30px;
        margin-left: 24px;
    }


    h1 {
        font-size: 62px;
        margin-bottom: 14px;
    }

    h3 {
        font-size: 62px;
        margin-bottom: 14px;
    }

    .video__play__content h4 {
        font-size: 35px;
    }


    .video__play__content h5 {
        font-size: 25px;
    }

    .text-link {
        font-size: 27px;
    }

    .footer__item h5 {
        padding-top: 9px;
        margin-bottom: 8px;
        font-size: 16px;
    }



    .header__nav ul li ul .row>.col-md-4:first-child {
        width: 28%;
    }

    .header__nav ul li ul .row>.col-md-4 {
        width: 36%;
    }

    .boat__video__thumb {
        height: 165px;
        width: 256px;
        margin-right: 18px;
    }





}



@media (min-width: 320px) and (max-width: 1400px) {

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1180px;
    }

    .series__left__area {
        padding: 65px 50px;
    }


    .series__left__area h3 {
        font-size: 74px;
    }

    .feature__card a {
        font-size: 25px;
        padding-top: 10px;
    }


    .feature__card {
        height: 160px;
        margin-bottom: 24px;
    }

    .watch__area__left .common__content h3 {
        font-size: 50px;
    }

    .crown__area { 
        padding-top: 155px;
        padding-bottom: 155px; 
    }


    .header__logo {
        max-width: 318px;
        margin-right: 15px;
    }

    .header__nav ul li a {
        font-size: 18px;
        margin-right: 23px;
        margin-left: 14px;
    }

    h1 {
        font-size: 54px;
        margin-bottom: 13px;
    }

    h3 {
        font-size: 54px;
        margin-bottom: 13px;
    }

    .header__nav ul li ul .row>.col-md-4:first-child {
        width: 26%;
    }


    .header__nav ul li ul .row>.col-md-4 {
        width: 37%;
    }


    .boat__video__thumb .video-play-btn {
        max-width: 60px;
    }

    .boat__video__thumb {
        height: 160px;
        width: 225px;
        margin-right: 15px;
    }


    .boat__video__content p {
        font-size: 20px;
    }


    .boat__video__content .text-link {
        font-size: 17px;
    }

    .boat__video__content h5 {
        font-size: 23px;
    }

    .video__play__content h4 {
        font-size: 28px;
    }

    .video__play__content h5 {
        font-size: 23px;
    }

    .video__card__play {
        max-width: 62px;
        margin-right: 18px;
    }

    .video__area {
        padding: 75px 0;
    }

    .blog__card__thumb {
        height: 288px;
        margin-bottom: 22px;
    }

    .common-btn {
        font-size: 18px;
        padding: 14px 27px;
        padding-top: 21px;
    }

    .footer__item h5 {
        font-size: 15px;
    }


    .footer__item ul li a {
        font-size: 16px;
        margin-bottom: 9px;
        padding-top: 5px;
    }

    .copyright {
        font-size: 17px;
    }



    .header__right a {
        font-size: 19px;
    }







}

@media (min-width: 320px) and (max-width: 1200px) {

    .hero-2::after {
        width: 72%;
    }

    .feature__card a span {
        margin-right: 12px;
        margin-bottom: 12px;
        max-width: 60px;
    }

    .feature__card a {
        font-size: 22px;
        padding-top: 10px;
    }

    .feature__card {
        height: 140px;
        margin-bottom: 24px;
    }

    .gallery__item {
        height: 250px;
        margin-bottom: 15px;
    }
    .crown__area { 
        padding-top: 125px;
        padding-bottom: 95px; 
    }
    .crown__area .common__content {
        padding-left: 55px;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 980px;
    }

    .header__logo {
        max-width: 250px;
        margin-right: 12px;
    }

    .header__nav ul li a {
        font-size: 16px;
        margin-right: 17px;
        margin-left: 12px;
    }

    .header__social a {
        font-size: 18px;
        margin-right: 18px;
    }

    .header__right a {
        font-size: 18px;
    }

    h1 {
        font-size: 45px;
        margin-bottom: 12px;
    }

    h3 {
        font-size: 45px;
        margin-bottom: 12px;
    }

    .boat__video__thumb {
        height: 140px;
        width: 195px;
        margin-right: 14px;
    }


    .boat__video__content p {
        font-size: 17px;
    }

    .boat__video__content h5 {
        font-size: 21px;
    }

    .boat__video__content .text-link {
        font-size: 16px;
    }

    .boat__video__thumb .video-play-btn {
        max-width: 52px;
    }

    .hero__slide {
        /*padding-top: 158px;
        padding-bottom: 151px;*/
    }

    .video__card {
        padding: 15px;
        min-height: 260px;
        padding-top: 50px;
    }

    .video__card__play {
        max-width: 45px;
        margin-right: 15px;
    }

    .video__play__content h5 {
        font-size: 21px;
    }

    .video__play__content h4 {
        font-size: 25px;
    }

    .blog__card__thumb {
        height: 260px;
        margin-bottom: 21px;
    }

    .certified__logo {
        max-width: 280px;
        margin-right: 32px;
    }

    .footer__btns a {
        height: 54px;
        width: 195px;
    }

}

@media (min-width: 320px) and (max-width: 991px) {

    .crown__area {
        padding-top: 100px;
        padding-bottom: 90px; 
    }

    .crown__area .common__content {
        padding-left: 0;
    }
    .crown__area::after { 
        background-color: #333;
        opacity: .75; 
    }




    .hero-2::after {
        width: 103%;
    }

    .watch__area__left .common__content h3 {
        font-size: 45px;
    }

    .watch__area .container {
        flex-wrap: wrap;
    }

    .watch__area__left {
        width: auto;
        flex: 0 0 100%;
        margin-right: 0;
        margin-bottom: 10px;
        max-width: 400px;
    }


    .specs__wrapper {
        max-width: 450px;
        margin: 0 auto;
    }

    .gallery__item {
        height: 210px;
        margin-bottom: 15px;
    }





    .common__content h4 {
        font-size: 37px;
        margin-bottom: 18px;
    }

    .board__item__thumb {
        margin-bottom: 10px;
        /*--height: 110px;---*/
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .board__item a {
        font-size: 20px;
    }

    .boat__filter__wrapper p {
        font-size: 22px;
        padding-top: 15px;
        padding-bottom: 9px;
    }

    .menu-open {
        display: block;
    }

    .header__right a {
        display: none;
    }


    .header {
        height: auto;
        padding: 20px 0;
    }


    .header__nav {
        display: none;
    }

    .header__social {
        display: none;
    }


    .boat__video {
        margin-bottom: 15px;
    }

    .boat__video:last-child {
        margin-bottom: 0;
    }

    .boat__video__thumb {
        height: 118px;
        width: 185px;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .boat__video__content {
        padding: 5px 20px;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 760px;
    }

    .pb-80 {
        padding-bottom: 70px !important;
    }

    .pt-180 {
        padding-top: 155px !important;
    }

    .blog__card__thumb {
        height: 195px;
        margin-bottom: 20px;
    }

    .blog__card__body a {
        font-size: 20px;
        line-height: 1;
    }

    .blog__card__body p {
        font-size: 17px;
    }

    .certified__logo {
        max-width: 195px;
        margin-right: 30px;
    }

    .common__content p {
        font-size: 18px;
        padding-right: 15px;
    }

    .certified__area {
        padding: 85px 0;
    }

    .footer__btns a {
        margin: 0 auto;
        margin-bottom: 15px;
    }



}



@media (min-width: 320px) and (max-width: 767px) {
    .trt-hero img {
        max-width: 100%;
        height: auto;
        margin-left: 0px;
    }

    .hero-2 {
        padding: 75px 5px;
    }


    .hero-2::after {
        width: 275%;
    }


    .cta__content__wrapper.common__content h3 {
        font-size: 48px;
    }

    .cta__area {
        padding: 72px 0;
    }






    .hero__content p {
        font-size: 23px;
        margin-bottom: 16px;
    }

    .hero__slide {
        /*padding-top: 125px;
        padding-bottom: 130px;*/
        height: 400px;
    }

    #background-video {
        top: 10%;
    }

    h1 {
        font-size: 40px;
        margin-bottom: 12px;
    }

    h3 {
        font-size: 40px;
        margin-bottom: 12px;
    }

    .common__content h4 {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .card__slider__area .owl-nav {
        width: calc(100% + 22px);
        left: -11px;
    }

    .owl-nav button {
        font-size: 26px !important;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 565px;
    }

    .certified__wrapper {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .certified__logo {
        max-width: 195px;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .certified__area {
        padding: 75px 0;
    }





    .contact__wrapper h3 {
        font-size: 40px;
    }






}

@media (min-width: 320px) and (max-width: 575px) {

    .header__logo {
        max-width: 230px;
        margin-right: 10px;
    }

    .series__left__area {
        padding: 60px 20px;
    }

    .series__left__area h3 {
        font-size: 60px;
    }


    .hero__btns__wrapper .common-btn {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
        margin-left: 13px;
    }

    .hero-2 {
        padding: 70px 0px;
    }


    .hero__btns__wrapper .common-btn:first-child {
        margin-left: 0;
    }
    .specs__area::after { 
        width: 177%; 
    }
    .cta__content__wrapper.common__content h3 {
        font-size: 42px;
    }

    .boat-items-wrap {
        padding-top: 45px;
    }

    .hero__slide {
       /* padding-top: 102px;
        padding-bottom: 115px;*/
    }

    .owl-dots button {
        height: 11px;
        width: 11px;
        margin: 0 7px;
    }

    .contact__wrapper {
        padding: 32px;
    }

    .boat__filter__check .form-check label {
        font-size: 18px;
    }


    .common-btn {
        font-size: 16px;
        padding: 13px 26px;
        padding-top: 20px;
    }

    h1 {
        font-size: 36px;
        margin-bottom: 12px;
    }

    h3 {
        font-size: 36px;
        margin-bottom: 12px;
    }

    .common__content p {
        font-size: 17px;
        padding-right: 10px;
    }








}