/*
======================
For - Big - Screen
======================
*/


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

    body {
        font-size: 18px;
    }

    h2 {
        font-size: 86px;
    }

    /* 
    ---------------
    header-area
    ---------------
    */

    .header-list li a {
        font-size: 28px;
    }

    .position-h1 {
        font-size: 137px;
        left: -190px;
        top: 68px;
    }

    .banner-content h3 {
        font-size: 35px;
    }



    /* 
    -------------------
    banner-area
    -------------------
    */

    .banner-content p {
        font-size: 22px;
    }



    /* 
    -------------------
    vencedores-area
    -------------------
    */

    .vencedores-item h4 {
        font-size: 34px;
        margin: 0 0 25px;
    }



    /* 
    -------------------
    categorias-area
    -------------------
    */

    .categorias-btn-area .categorias-btn {
        padding: 42px 37px;
        border-radius: 85px;
    }

    .categorias-btn-area .categorias-btn img {
        width: 85px;
    }

    .categorias-btn-area .categorias-btn h4 {
        font-size: 40px;
    }

    .categorias-btn-area .categorias-btn p {
        font-size: 21px;
    }

    .categorias-content h3 {
        font-size: 65px;
    }



    /* 
    -------------------
    pharmacy-area
    -------------------
    */

    .pharmacy-content h2 {
        font-size: 145px;
        margin: -25% 0 0 -37%;
    }

    .pharmacy-content h1 {
        font-size: 185px;
        top: 44%;
    }

    .pharmacy-content p {
        font-size: 20px;
        padding-right: 29%;
    }


    /* 
    -------------------
    padel-social-area
    -------------------
    */

    .logos-title-div h3 {
        font-size: 55px;
    }

    .logos-title-div h1 {
        font-size: 82px;
    }

    #logoSlider .item img {
        height: 105px;
    }


    /* 
    -------------------
    padel-series-area
    -------------------
    */
    
    .padel-social-content {
        padding-right: 9% !important;
    }

    .padel-social-content h3 {
        font-size: 64px;
    }

    .padel-series-title h1 {
        font-size: 6.8vw;
    }



    /* 
    -------------------
    footer-area
    -------------------
    */

    .footer-logo img {
        width: 450px;
    }

    
}


/*
=======================
For - Dextop - Screen
=======================
*/

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

	



	


}


/*
====================================
For -  Leptop/Mini Desktop - Screen
====================================
*/

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


    /* 
    ---------------
    header-area
    ---------------
    */

    .header-list li a {
        font-size: 17px;
    }


    /* 
    -------------------
    banner-area
    -------------------
    */

    .position-h1 {
        font-size: 86px;
        left: -115px;
    }
    
}


/*
=============================
For - Mini - Leptop - Screen
=============================
*/

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

    .container,
    .container-fluid {
        padding: 0 20px;
        max-width: 960px;
        margin: 0 auto;
    }



    /* 
    ---------------
    header-area
    ---------------
    */

    .header-list {
        gap: 27px !important;
    }

    .header-list li a {
        font-size: 19px;
    }

    .position-h1 {
        font-size: 70px;
        left: -34px;
        top: 50px;
    }


    /* 
    -------------------
    categorias-area
    -------------------
    */

    .categorias-btn-area .categorias-btn img {
        width: 60px;
    }



    /* 
    -------------------
    pharmacy-area
    -------------------
    */

    .pharmacy-content h2 {
        font-size: 70px;
        margin: -17% 0 0 -22%;
    }

    .pharmacy-content h1 {
        font-size: 116px;
        left: -44%;
    }




    /* 
    -------------------
    logos-slider-area
    -------------------
    */

    #logoSlider .owl-nav .owl-prev {
        left: -25px;
    }

    #logoSlider .owl-nav .owl-next {
        right: -25px;
    }


    /* 
    -------------------
    padel-social-area
    -------------------
    */

    .padel-social-area {
        border-radius: 200px 0 0 200px;
    }


	
}



/*
=======================
For - Ipad - Screen
=======================
*/

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

    .container,
    .container-fluid {
        padding: 0 20px;
        max-width: 720px;
        margin: 0 auto;
    }

    h2 {
        font-size: 40px;
    }



    /* 
    ---------------
    banner-area
    ---------------
    */

    .banner-area {
        margin: 0;
        padding: 45px 0;
    }

    .banner-area .banner-right-image {
        width: 52%;
        right: 0;
        top: -1px;
    }

    .banner-area .gradient-image {
        width: 100%;
        height: 142%;
    }

    .position-h1 {
        font-size: 55px;
        left: -35px;
        top: 33px;
    }


    /* 
    -------------------
    vencedores-area
    -------------------
    */

    .vencedores-area {
        padding: 200px 0 80px;
    }

    .vencedores-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }



    /* 
    -------------------
    categorias-area
    -------------------
    */

    .categorias-area {
        text-align: center;
    }

    .categorias-title {
        text-align: center !important;
        margin: 0 0 40px;
    }

    .categorias-flex-bg > img {
        display: none;
    }

    .categorias-btn-area .categorias-btn {
        margin: 0;
    }

    .categorias-content {
        padding: 50px 0;
    }

    .categorias-image {
        text-align: center !important;
    }

    .categorias-image img {
        max-width: 300px;
    }

    .categorias-content h3 {
        font-size: 30px;
    }




    /* 
    -------------------
    pharmacy-area
    -------------------
    */

    .pharmacy-area {
        background-color: #94C01E;
        margin: 100px 0 0;
        padding: 60px 0;
    }

    .pharmacy-area > img {
        display: none;
    }

    .pharmacy-image h3 {
        font-size: 24px;
        margin: 8px 0 0;
    }
    .pharmacy-content h2 {
        font-size: 40px;
        margin: 38px 0 40px;
    }

    .pharmacy-content h1 {
        font-size: 58px;
        left: -10px;
        top: 54%;
    }


    /* 
    -------------------
    logos-slider-area
    -------------------
    */

    .logos-slider-area {
        padding: 50px 0;
    }

    .logos-title-div > img {
        width: 110px;
    }

    .logos-title-div h1 {
        font-size: 44px;
    line-height: 1;
    top: -9px;
    }

    #logoSlider .owl-nav .owl-prev {
        left: -30px;
    }

    #logoSlider .owl-nav .owl-next {
        right: -30px;
    }

    #logoSlider .item img {
        width: 90%;
        margin: 0 auto;
    }

    #logoSlider {
        margin: 40px 0 0;
    }




    /* 
    -------------------
    padel-social-area
    -------------------
    */

    .padel-social-area {
        border-radius: 0;
        padding: 50px 0;
    }




    /* 
    -------------------
    padel-series-area
    -------------------
    */

    .padel-series-area {
        margin: 60px 0 0;
    }

    .padel-series-title h1 {
        top: 97px;
    }

    .padel-series-grid {
        gap: 15px;
        grid-template-columns: repeat(3, 1fr);
        padding: 0 0 90px;
    }





    /* 
    -------------------
    footer-area
    -------------------
    */

    .footer-logo img {
        width: 290px;
    }

    .footer-bg {
        object-position: right;
    }

    .footer-shape {
        width: 300px;
    }
	
}

/*
=======================
For - Mobile - Screen
=======================
*/

@media screen and (max-width: 767px) {

    .container,
    .container-fluid {
        padding: 0 20px;
    }

    h2 {
        font-size: 35px;
    }



    /* 
    ---------------
    banner-area
    ---------------
    */

    .banner-content {
        text-align: center;
    }
    .banner-content h3, .banner-content h2{
        color: #fff !important;
    }

    .banner-area {
        margin: 0;
        padding: 45px 0;
        background: #0f3962;
    }

    .banner-area .banner-right-image {
        display: none;
    }

    .banner-area .gradient-image {
        width: 100%;
        height: 142%;
        display: none;
    }

    .position-h1 {
        font-size: 42px;
        left: 30px;
        top: 27px;
         -webkit-text-stroke: 1px #fff;
    
    }

   


    .banner-area .banner-ball-image {
        display: none;
    }


    /* 
    -------------------
    vencedores-area
    -------------------
    */

    .vencedores-area {
        padding: 60px 0 80px;
    }

    .vencedores-grid {
        grid-template-columns: repeat(1, 1fr);
    }



    /* 
    -------------------
    categorias-area
    -------------------
    */

    .categorias-area {
        text-align: center;
    }

    .categorias-title {
        text-align: center !important;
        margin: 0 0 40px;
    }

    .categorias-flex-bg > img {
        display: none;
    }

    .categorias-content {
        padding: 50px 0;
    }

    .categorias-image {
        text-align: center !important;
    }

    .categorias-image img {
        max-width: 300px;
    }

    .categorias-content h3 {
        font-size: 30px;
    }




    /* 
    -------------------
    pharmacy-area
    -------------------
    */

    .pharmacy-area {
        background-color: #94C01E;
        margin: 100px 0 0;
        padding: 60px 0;
    }

    .pharmacy-area > img {
        display: none;
    }

    .pharmacy-image h3 {
        font-size: 24px;
        margin: 8px 0 0;
    }
    .pharmacy-content h2 {
        font-size: 40px;
        margin: 38px 0 40px;
    }

    .pharmacy-content h1 {
        font-size: 58px;
        left: -10px;
        top: 54%;
    }


    /* 
    -------------------
    logos-slider-area
    -------------------
    */

    .logos-slider-area {
        padding: 50px 0;
    }

    .logos-title-div > img {
        width: 110px;
    }

    .logos-title-div h1 {
       font-size: 44px;
    line-height: 1;
    top: -9px;
    }

    #logoSlider .owl-nav .owl-prev {
        left: -15px;
    }

    #logoSlider .owl-nav .owl-next {
        right: -15px;
    }

    #logoSlider .item img {
        width: 90%;
        margin: 0 auto;
    }

    #logoSlider {
        margin: 40px 0 0;
    }




    /* 
    -------------------
    padel-social-area
    -------------------
    */

    .padel-social-area {
        border-radius: 0;
        padding: 50px 0;
    }




    /* 
    -------------------
    padel-series-area
    -------------------
    */

    .padel-series-area {
        margin: 60px 0 0;
    }

    .padel-series-title h1 {
        top: 97px;
    }

    .padel-series-grid {
        gap: 15px;
    }





    /* 
    -------------------
    footer-area
    -------------------
    */

    .ftr-logo-links {
        text-align: center;
        padding: 0 0 40px;
    }

    .footer-logo img {
        width: 290px;
    }

    .ftr-social-links {
        justify-content: center;
    }

    .footer-bg {
        object-position: right;
    }

    .footer-shape {
        width: 300px;
    }



	



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


   

    

}

@media screen and (min-width: 576px) and (max-width: 767px) {

    .container,
    .container-fluid {
        padding: 0 20px;
        max-width: 540px;
        margin: 0 auto;
    }
    

}