.masculine-sec { width: 100%; position: relative; overflow: hidden; padding: 100px 0;}
.masculine-sec h2 { font-family: 'Aviano'; font-weight: 900; color: #fff; font-size: 30px; margin: 0 0 20px; text-transform: uppercase; padding: 0 13px; }
/*.masculineheadline { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; margin: 0 -13px; }*/
.masculineheadline .item {width: 50%;padding: 20px 13px; float: left; } 
.masculine-box { position: relative; width: 100%; display:block; } 
.masculineimg { position:relative; overflow: hidden; }
.masculineimg:after { content: ''; background: linear-gradient(180deg, #000000 10%, rgba(0, 0, 0, 0) 100%); width: 100%; height: 45%; position: absolute; bottom: -5px; left: 0; right: 0; transform: rotate(180deg); }
.masculineimg .img-fluid { width: 100%; height: 100%; object-fit: cover; transition: all .5s; } 
.masculine-data { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px 10px; text-align: center; z-index:9; } 
.masculine-data h3 { font-family: 'Aviano'; font-weight: 900; color: #fff; font-size: 22px; margin: 0 0 10px; line-height: 1; text-transform: uppercase; }
.masculine-data h4 { color: #fff; font-size: 16px; margin: 0 0 15px; line-height: 1.2;} 
.masculine-data p { color: #fff; font-size: 12.5px; }
.masculine-box:hover .masculineimg .img-fluid { transform: scale(1.1); opacity: 0.7; }
.masculineheadline .slick-arrow { width: 30px; height: 35px; } 
.masculineheadline .slick-arrow { left: -30px; }
.masculineheadline .slick-next.slick-arrow { left: auto; right: -30px; }
.masculineheadline .slick-arrow::before { content: ''; background: url(../images/arrow.svg) no-repeat center top; background-size: contain; width: 30px; height: 30px; display: block; }
.masculineheadline .slick-arrow.slick-prev::before { transform: rotate(-180deg); }
/*.masculineheadline .slick-prev.slick-arrow { pointer-events: none; opacity: 0.5; }*/
.masculineheadline  .slick-dots { position: relative; bottom: 0px; display: inline-block; width: 100%; } 
.masculineheadline .slick-dots li { width: auto; height: auto; } 
.masculineheadline .slick-dots li button { padding: 0; width: 40px; height: 1.3px; background: rgba(255,255,255,0.5); } 
.masculineheadline .slick-dots li button:before { display: none; }
.masculineheadline .slick-dots li.slick-active button, .homrbanner .slick-dots li button:hover { background: #fff; }



/*-------------------------------- Responsive Media Query --------------------------------*/
@media (min-width: 1600px){
.masculine-sec h2 { font-size: 35px; }
.masculine-data h3 { font-size: 23px; }
.masculine-data h4 { font-size: 18px; }
.masculineheadline .slick-arrow, .masculineheadline .slick-arrow::before { width: 30px; height: 35px; }
.masculineheadline .slick-dots li button { height: 2px; }

}


@media (min-width: 1900px){
.masculine-sec { padding: 170px 0; }
.masculine-sec h2 { font-size: 37px; }
.masculine-data { padding: 20px 10px; }
.masculine-data h3 { font-size: 25px; }
.masculine-data h4 { font-size: 20px; }
.masculineheadline .slick-arrow { left: -50px; }
.masculineheadline .slick-next.slick-arrow { left: auto; right: -50px; }

}



@media (min-width: 2200px){
.masculine-sec h2 { font-size: 45px; margin: 0 0 50px; }
.masculine-data { padding: 20px 10px 50px; }
.masculine-data h3 { font-size: 32px; margin: 0 0 15px;}
.masculine-data h4 { font-size: 25px; }
.masculine-data p { font-size: 18px; }
.masculineheadline .slick-dots li button { width: 70px; height: 3px; }

}


@media (min-width: 2600px){
.masculine-sec h2 { font-size: 60px; padding: 0 25px; }
.masculine-data h3 { font-size: 45px; }
.masculine-data h4 { font-size: 30px; }
.masculine-data p { font-size: 22px; }
.masculineheadline .item { padding: 25px; }
.masculineheadline .slick-arrow { width: 40px; height: 73px; } 
.masculineheadline .slick-arrow, .masculineheadline .slick-arrow::before { width: 40px; height: 73px; }
.masculineheadline .slick-dots { margin-top: 70px; }
.masculineheadline .slick-dots li button { width: 150px; }


}


@media (min-width: 3000px){ 
.masculine-sec { padding: 250px 0; }
.masculine-sec h2 { font-size: 75px; }
.masculine-data h3 { font-size: 50px; }
.masculine-data h4 { font-size: 40px; }
.masculine-data p { font-size: 25px; } 

}

@media (max-width: 1199px){
.masculine-sec h2 { font-size: 32px; }

}

@media (max-width: 860px){
.masculine-sec h2 { font-size: 37px; padding: 0;}
.masculineimg:after { height: 30%; }
.masculine-data { position: relative; margin-top: -50px; padding: 15px 5px 0px;}
.masculine-data h3 { font-size: 30px; }
.masculine-data h4 { font-size: 20px; margin: 0 0 10px;}
.masculine-data p { font-size: 16px; }
.masculineheadline .item { padding: 20px 0;  }


}

@media (max-width: 700px){
.masculine-sec { padding: 50px 0 70px; }
.masculine-sec h2 { font-size: 26px; margin: 0 0 10px; transform: inherit !important; opacity: 1 !important; }
.masculine-data h3 { font-size: 22px; }
.masculine-data h4 { font-size: 16px; }
.masculine-data p { font-size: 13px; }
.masculineheadline .slick-dots li button { width: 30px; height: 2px; background: rgba(255,255,255,0.35)}

}


@media (max-width: 500px){
.masculine-sec h2 { font-size: 20px;  }
.masculine-data h3 { font-size: 18px; }
.masculine-data h4 { font-size: 14px; margin: 0 0 7px; }
.masculine-data p { font-size: 11px; }

}


@media (max-width: 400px){
.masculine-sec h2 { font-size: 18px; }
.masculine-data h3 { font-size: 16px; }

}