@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}
@media (max-width: 1199px) {
    .slider-main img {
        height: 750px;
        object-fit: cover;
    }
    .filter-inner .button-group a.button {
        padding: 5px 0;
        margin: 0 10px;
        font-size: 14px;
    }
    .filter-grid-right {
        max-width: 240px;
    }
    .filter-grid-right .image-holder img {
        height: 430px;
    }
    .player-info-left .filter-grid-right {
        max-width: 400px; 
    }
}
@media (max-width: 991px) {
    h1 {
        font-size: 34px;
    }
    h2 {
        font-size: 30px;
    }
    h4 {
        font-size: 18px;
    }
    h3 {
        font-size: 20px;
    }
    h5 {
        font-size: 16px;
    }
    body{
        font-size: 14px;
    }
    .banner .cell .h{
        font-size: 34px;
    }
    .what-we-do {
        padding: 50px 0;
    }
    .articles .row:nth-child(odd) .content {
        margin-left: 40px;
    }
    .articles .row:nth-child(even) .content {
        margin-right: 40px;
    }
    .height1 {
        height: 325px; 
    }
    .footer-instagram ul li img {
        max-width: 50px;
        height: 50px;
    }
    .sort-by {
        max-width: 185px; 
    }
    .filter-inner .button-group a.button {
        padding: 5px 0;
        margin: 0 5px;
        font-size: 13px;
    }
    .filter-grid-left .creative-text {
        padding-left: 35px;
    }
    .filter-grid-left {
        left: -215px;
    }
    .filter-grid-right {
        max-width: 170px;
    }
    .filter-grid-right .image-holder img {
        height: 350px;
    }
    .load-more {
        padding-top: 50px;
    }
    .filter-grid-right .text-box{
        padding: 10px;
    }
    .table-bordered thead tr th, .table-bordered tbody tr td {
        font-size: 12px;
        padding: 5px 5px;
    }
    .player-info .img-holder {
        padding-left: 10%;
    }
    .player-info .img-title {
        height: 208px;
    }
    .player-info .img-holder img {
        height: 480px;
    }
    .card-title {
        font-size: 16px;
        line-height: 20px;
    }
    .team .card .img-holder{
        padding-right: 0;
    }
    .team .card .img-holder img {
        height: 180px;
    }
    .navbar-toggler-icon{
        background-color: #000;
        width: 15px;
        height: 1px;
        display: block;
        margin-bottom: 3px;
        transition: all 0.3s ease-in-out;
    }
    .navbar-toggler-icon:nth-child(2){
        width: 8px;
    }
    .navbar-toggler-icon.active{
        transform: rotate(45deg);
        margin: 0;
        transition: all 0.3s ease-in-out;
    }
    .navbar-toggler-icon:nth-child(2).active{
        transform: rotate(-45deg);
        width: 15px;
    }
    .navbar-toggler {
        padding: 0;
        line-height: inherit;
        background-color: transparent;
        border: none;
        border-radius: 0;
        margin-left: auto;
        margin-right: 10px;
    }
    .navbar-collapse {
        position: fixed;
        right: 0;
        top: 80px;
        height: 100%;
        width: 100%;
        transform: translateX(100%);
        background-color: #fff;
        max-width: 260px;
        padding: 15px 0;
        z-index: 100;
        transition: all 0.5s ease-in-out;
        display: block !important;
    }
    .navbar-collapse.active{
        transition: all 0.5s ease-in-out;
        transform: translateX(0);
    }
    header .navbar .navbar-nav .nav-item {
        margin-right: 0;
    }
    header .navbar .navbar-nav .nav-item:last-child {
        margin-right: 0;
    }
    header .navbar .navbar-nav .nav-link {
        padding: 10px 20px;
        line-height: normal;
    }
    header{
        transition: all .5s ease-in-out;
    }
    header.active{
        background-color: #fff;
        transition: all .5s ease-in-out;
    }
    .filter-grid:after {
        width: calc(100% - 60px);
    }
    .player-info-left .filter-grid-right {
        max-width: 295px;
    }
    .player-info-left .filter-grid-right .image-holder img {
        height: 410px;
    }
    .player-info-left .filter-grid:after {
        height: calc(100% - 27px);
        width: calc(100% - 180px);
        left: -18px;
    }
}
@media (max-width: 767px) {
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 26px;
    }
    .banner .cell .h{
        font-size: 30px;
    }
    .container {
        max-width: 100%;
    }
    .slider-main img {
        height: 500px; 
    }
    .social-button div a {
        margin: 0 5px;
    }
    .scroll-next{
        bottom: 10px;
        width: 50px;
        font-size: 14px;
    }
    .img-box {
        max-width: 275px;
        float: none;
        padding-left: 7%;
        margin: 0 auto 50px;
        width: 100%;
    }
    .height1 {
        height: 335px;
    }
    .articles .row:nth-child(odd) .content {
        margin-left: 20px;
    }
    .text-inner { 
        padding-left: 30px; 
        line-height: 22px;
        margin: 20px 0; 
        width: 100%;
        max-width: 100%;
    }
    .articles .row {
        margin-bottom: 50px;
    }
    .articles .row:nth-child(even) .content {
        margin-right: 0;
        padding-left: 20px;
    }
    .articles .row:nth-child(even) .col-lg-7 {
        order: 2;
    }
    .articles .row:nth-child(even) .img-box { 
        padding-right: 5%;
    }
    .social-button{
        width: 50px;
    }
    .footer {
        padding: 50px 0 20px;
    }
    .footer-inner{
        margin-bottom: 30px;
    }
    .footer-inner .title {
        margin-bottom: 20px;
    }
    .footer-inner .text-box p{
        max-width: 270px;
    }
    .filter-sort {
        flex-direction: column-reverse;
    }
    .sort-by {
        max-width: 100%;
        margin-bottom: 30px;
    }
    .filter-inner .button-group a.button {
        padding: 5px 5px;
        margin: 0 5px;
    }
    .filter-grid-right {
        max-width: 85%;
    }
    .filter-grid-right .image-holder img {
        height: 450px;
    }
    .filter-grid{
        margin-top: 30px;
    }
    .filter-grid:after {
        top: 30px;
        height: calc(100% - 10px);
    }
    .banner-sec {
        padding-top: 80px;
    }
    .banner-sec .text-box h1 {
        font-size: 100px;
    }
    .banner-sec .text-box h2 {
        margin: 5px 0 31px;
    }
    .addres-box {
        padding: 50px 0 0;
    }
    .contact-us .img-title {
        left: 50%;
        transform: translate(-50%, 0);
    }
    .img-title div{
        padding-left: 40px;
    }
    .custom-form form:before{
        margin-left: 0;
    }
    .custom-form form {
        padding-left: 50px;
    }
    .contact-form .img-holder {
        padding-top: 50px;
    }
    .contact-form {
        padding: 50px 0;
    }
    .contact-card {
        padding-top: 30px;
    }
    .contact-card h1 {
        margin-bottom: 20px;
        line-height: normal;
    }
    .contact-card .media {
        margin-bottom: 20px;
    }
    .contact-height1,
    .contact-height2{
        height: auto;
    }
    .player-info .img-holder img {
        height: auto;
    }
    .player-info .img-holder {
        padding-left: 5%;
    }
    .player-info .img-title {
        height: 188px;
    }
    .player-card{
        margin-top: 30px;
    }
    .player-card h3 {
        margin-bottom: 15px;
    }
    .player-info {
        padding: 50px 0 30px;
    }
    .player-detail {
        padding-top: 0;
    }
    .player-detail .table thead tr th, .player-detail .table tbody tr td {
        font-size: 12px;
        padding: 10px 5px;
    }
    .player-detail .table thead tr th, .player-detail .table tbody tr td {
        font-size: 10px;
    }
    .video-wrapper {
        padding: 50px 0;
    }
    .team .card .img-holder img {
        height: auto;
    }
    .team {
        padding: 50px 0;
    }
    .card{
        margin-bottom: 30px;
    }
    table.table-bordered{
        margin-bottom: 0;
    }
    .player-info-left .filter-grid-right {
        max-width: 95%;
    }
    .player-info-left .filter-grid-right .image-holder img {
        height: auto;
    }
    .player-info-left .filter-grid:after {
        height: calc(100% - -3px);
    }
}
@media (max-width: 575px) {
    .slider-main img {
        height: 450px;
    }
    h1 {
        font-size: 26px;
    }
    h2 {
        font-size: 22px;
    }
    .banner .cell .h{
        font-size: 26px;
        line-height: 34px;
    }
    .banner .item .link-area {
        margin-top: 0;
    }
    .button-style1{
        padding: 5px 20px;
    }
    .banner-area .banner-bottom .owl-nav {
        margin-right: 10px;
    }
    .banner-area .banner-bottom {
        bottom: 40px;
    }
    .scroll-next { 
        font-size: 14px;
    }
    .img-title div {
        padding-left: 40px;
    }
    .articles .row {
        margin-bottom: 30px;
    }
    .img-box{
        margin: 0 auto 30px;
    }
    .mb-55 {
        margin-bottom: 30px;
    }
    .img-box {
        max-width: 260px;
        padding-left: 12%;
    }
    .articles .row:nth-child(2n) .img-box {
        padding-right: 12%;
    }
    .social-button div{
        margin: 0;
    }
    .social-button div{
        width: 450px;
    }
    .filter-inner .button-group a.button {
        padding: 5px 0;
        margin: 0 3px;
        font-size: 12px;
    }
    .filter-grid-right {
        max-width: 93%; 
    }
    .filter-grid-right .image-holder img {
        height: auto;
    }
    .filter-grid { 
        padding-right: 10px;
    }
    .contact-us .img-title {
        left: 50% !important;
        transform: translate(-50%, 0);
    }
    .contact-card .media .icon-holder {
        width: 25px;
    }
    .contact-card .media .icon-holder i {
        font-size: 14px;
        line-height: 14px;
    }
    .contact-card .media-body, .contact-card .media-body a {
        font-size: 14px;
    }
    .what-we-do .img-title { 
        left: 0px; 
    }
    .card-title {
        margin: 0;
    }
    .player-info .img-holder {
        padding-left: 7%;
    }
    .breacrumb-banner {
        min-height: 200px;
    }
    .player-info-left .filter-grid-right {
        max-width: 93%;
    }
}
@media (max-width: 479px) {
    .filter-inner .button-group a.button {
        padding: 10px 10px;
        margin: 0;
        font-size: 12px;
        width: 30%;
        text-align: center;
    }
    .filter-grid-right {
        max-width: 90%;
    }
    .banner-sec .text-box h1 {
        font-size: 60px;
    }
    .contact-height1, .contact-height2 {
        height: 300px;
        object-fit: cover;
    }
    .player-detail .nav li {
        margin-right: 10px;
    }
    .player-detail .nav li a{
        display: inline-block;
        padding: 5px 0;
    }
    .player-detail .nav {
        margin-bottom: 20px;
    }
    .player-info-left .filter-grid-right {
        max-width: 90%;
    }
}
@media (max-width: 379px) {
    .filter-inner .button-group a.button {
        padding: 10px 0px; 
    }
    .player-info .img-holder {
        padding-left: 10%;
    }
    .table-bordered thead tr th, .table-bordered tbody tr td {
        font-size: 10px;
    }

}