
@media screen  and (min-width: 1610px){  

.header .menu {
    padding-top: 62px;
    text-align: center;
}

.header .social {
    padding-top: 52px;
}

.header .register {
    display: inline-block;
    padding-top: 52px;
}

.menu-header > ul > li {
    display: inline-block;
    padding: 0 3px;
}
.header .register a {
    font-size: 16px !important;
    padding: 7px 15px !important;
}



}


@media screen  and (max-width: 1400px){  

.header .row.main-2 {
    padding: 0 0px;
}
.header .register a {
    font-size: 16px !important;
    padding: 8px 15px !important;
}

.menu-header > ul > li > a {
        padding: 4px;
    font-size: 13px !important;
}


.header .social {
    padding-top: 35px;
}
.header .register {
    display: inline-block;
    padding-top: 35px;
}

.banner .bg-img {
    height: 750px;
}

.banner .head {
    padding: 200px 0 0 120px;
}

.banner .head h5 {
    margin: 0 0 10px;
    font-size: 70px;
}

.banner .head h2 {
    margin: 0 0 10px;
    font-size: 105px;
}

.header .row.main-2 .col-sm-6 {
    padding: 0;
}


.header .menu {
    padding-top: 47px;
}

.banner {
    margin-top: -120px;
}


}


@media screen  and (max-width: 1200px){  

.sec5 .pic img {
    /* margin: 0px 0 0 150px; */
    height: auto;
    width: 90%;
}
.sec5 .pic {
    text-align: center;
}
.header .social ul {
    margin: 0 0 0 10px;
}

.header .social ul li a {
    font-size: 18px;
    height: 30px;
    width: 30px;
}
.header .row.main-2 .col-sm-7 {
    padding: 0;
}

.header .social ul li {
    display: inline-block;
    margin-right: 1px;
}
.header .register {
    display: inline-block;
    padding-top: 28px;
}
.header .register a {
    font-size: 16px;
    padding: 10px 20px;
}

.menu-header > ul > li > a {
    padding: 3px;
    font-size: 11px !important;
}
.sec5 .content h5 {
    font-size: 20px;
}
.sec5 .content p {
    font-size: 18px;
    line-height: 29px;
    margin: 0 30px 0;
}
.sec5 .content h5 {
    margin: 0 31px 20px;
}
.sec5 .content h3 {
    margin: 0 30px 10px;
}
.sec5 .content h4 {
    margin: 0 30px 10px;
}
.slick-arrow {
    right: -12px;
}
.banner {
    margin-top: -110px;
}
.header .menu {
    padding-top: 42px;
}
.banner .head {
    padding: 170px 0 0 60px;
}
.banner .bg-img {
    height: 690px;
}
.header .social {
    padding-top: 35px;
    margin-left: 30px;
}

.sec2 .box-one {
    padding: 30px 10px 30px 20px;
    background-color: #fff;
    position: relative;
}

.sec2 .box-two {
    padding: 30px 20px 30px 20px;
    background-color: #cc0000;
    position: relative;
}

.sec2 .box-three {
    padding: 30px 20px 30px 20px;
    background-color: #000;
    position: relative;
}

.sec2 .box-four {
    padding: 30px 20px 30px 20px;
    background-color: #fff;
    position: relative;
}
.sec3 {
    height: 423px;
}
.sec7 {
    height: 500px;
}

.sec7 .play {
    text-align: center;
    padding-top: 180px;
}

.sec5:after {
    content: '';
    background: url(http://irvingsoccer.360dbstagingserver.com/wp-content/uploads/2024/01/green.jpg);
    position: absolute;
    width: 30px;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.sec5:before {
    content: '';
    background: url(http://irvingsoccer.360dbstagingserver.com/wp-content/uploads/2024/01/green.jpg);
    position: absolute;
    width: 30px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
}
    
    
    
}




@media screen and (min-width: 100px) and (max-width: 999px) {
    .aos-init, 
.aos-animate,
.wow {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
    body{
        overflow-x: hidden !important;
    }
    .menu-header #menu-button{
        display: none;
    }
main{
	padding: 0;
}
.header .row.main-2 .col-sm-2 {
    width: 100%;
    text-align: center;
    height: auto;
}
.header .row.main-2 .col-sm-7 {
    display: none;
}
.header .row.main-2 .col-sm-1.nopad {
    display: none;
}
.header .social {
    display: none;
}
.header .row.top-1 .col-sm-9 {
    text-align: left;
    margin: 0;
    display: flex;
    justify-content: center;
    padding: 0;
}
.header .col-sm-3 {
    width: 25%;
    padding: 0;
}
.header .row.top-1 .call a {
    font-size: 13px;
}
.header .row.top-1 .address h6 {
    font-size: 13px;
    margin-right: 0px !important;
}
.header .row.top-1 .email-address a {
    font-size: 13px;
}
.header .row.top-1 {
    padding: 12px 52px;
}
.banner .head h5 {
    font-size: 50px;
}
.banner .head h2 {
    font-size: 74px;
}
.banner .head p {
    font-size: 13px;
    line-height: 25px;
}
.banner .head .contact a {
    font-size: 13px;
    padding: 8px 20px;
}
.banner .head .learn a {
    font-size: 13px;
    padding: 8px 20px;
}
.sec-status .head h2 {
    margin: 0 0 10px;
    font-size: 40px;
}
.sec-status .fields .g-no {
    padding: 10.5px 0;
}
.sec-status .fields .yes {
    padding: 11.5px 0;
    font-size: 13px;
}
.sec-status .fields .no {
    padding: 10.5px 0;
    font-size: 14px;
}
.sec-status .tribe-events-view .tribe-common-l-container.tribe-events-l-container {
    padding: 0 40px 0;
}
.sec-status {
   padding: 50px 0;
}
.sec4 .content p {
    font-size: 13px;
    font-weight: 400;
    color: #636363;
    line-height: 26px;
    margin-right: 100px;
}
.sec5 .content h4 {
    font-size: 30px;
    margin: 0 0px 10px;
}
.sec5 .content h3 {
    font-size: 35px;
    margin: 0 0px 10px;
}
.sec5 .content h5 {
    margin: 0 1px 15px;
}
.sec5 .content h5 {
    font-size: 13px;
}
.sec5 .content p {
    font-size: 13px;
    line-height: 26px;
    margin: 0 0px 0;
}
.sec4 .content h2 {
    font-size: 35px;
}
.sec4 .content h4 {
    margin: 0 0 15px;
    font-size: 15px;
}
.sec4 .content a {
    font-size: 13px;
}
.sec6 .head-top h2 {
    font-size: 35px;
}
.sec6 .head-top p {
    font-size: 13px;
    line-height: 23px;
}
.sec6 .head h4 {
    font-size: 16px;
    line-height: 23px;
}
.sec6 .head p {
    font-size: 13px;
    line-height: 20px;
}
.sec6 .head .learn a {
    font-size: 14px;
    padding: 7px 20px;
}
.sec6 .head .learn {
    margin-top: 15px;
}
.sec6 .head-top {
    padding: 60px 150px 20px;
}
.sec6 {
    height: 750px;
}
.slick-arrow {
    right: -25px;
}
.slick-next.slick-arrow {
    left: -25px;
}
.sec-gallery .head h2 {
    font-size: 35px;
}
.sec-gallery {
    padding: 50px 0;
}
footer.footer .col-sm-2 {
    padding: 0;
    margin: 0px 5px;
}
footer.footer .col-sm-4 {
    padding: 0;
}
.footer .head-top h3 {
    margin: 0 0 15px;
    font-size: 17px;
}
.footer .head-top .info {
    font-size: 13px;
}
.footer .social ul li a {
    font-size: 13px;
}
.footer .menu ul li a {
    font-size: 13px;
}
.footer .info ul li h6 {
    font-size: 13px;
    line-height: 20px;
}
.footer .info ul li a i {
    font-size: 15px;
    margin-right: 8px;
}
footer.footer .col-sm-2 {
    padding: 0;
    margin: 0px 0px;
}
.sec8 .head-top {
    padding: 0 100px;
}
section.sec4:before{
    display:none;
}
section.sec4:after{
    display:none;
}
.sec4 .row.main {
    display: block;
    align-items: center;
}
.sec5:before{
    display:none;
}
.sec5:after{
    display:none;
}
a#hamburg {
    background-color: white;
    z-index:99999 !important;
}
.nav1 {
    background: url(images/nav-bg.jpg) repeat;
    box-shadow: -2px 0 10px #999 inset;
    display: block;
    height: 100%;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    transform: translateX(-250px);
    width: 250px;
    background-color: #fff;
    z-index: 99999 !important;
}

.inner-banner h2{
    padding: 110px 0 0;
}





}
@media screen and (min-width: 100px) and (max-width: 499px) {
    .aos-init, 
.aos-animate,
.wow {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
        body{
        overflow-x: hidden !important;
    }

.open-menu body {
    position: fixed !important;
}
[data-aos^="zoom"][data-aos^="zoom"]{
    opacity: 1 !important;
}
[data-aos] {
    -webkit-tranform: none !important;
    transform: none !important;
}
    [data-aos] {
    -webkit-tranform: none !important;
    transform: none !important;
  }
    .aos-init, 
.aos-animate,
.wow {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
    [data-aos^="zoom"][data-aos^="zoom"]{
    opacity: 1 !important;
}
    .open-menu body {
    position: fixed !important;
}
    body{
        overflow-x: hidden !important;
    }
.menu-header #menu-button{
	display: none;
}

.header .main-2 .logo img {
    width: 40%;
    position: fixed;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0px;
        max-height: unset !important;
}

.banner .head {
    padding: 110px 0 30px 30px;
}
.banner .head h5 {
    font-size: 30px;
}
.banner .head h2 {
    font-size: 50px;
}
.banner .head .contact a {
    font-size: 13px;
    padding: 7px 15px;
}
.banner .head .learn a {
    font-size: 13px;
    padding: 7px 15px;
}

.header .row.top-1 {
    padding: 12px 52px;
}

.header .row.top-1 .col-sm-3, .header .row.top-1 .col-sm-9 {
    display: none;
}

.header .row.main-2 .social-main {
    display: none;
}

.banner {
    margin-top: -1px;
}
.banner .bg-img {
    height: auto;
}
.sec-status .head h2 {
    margin: 0 0 10px;
    font-size: 35px;
}
.ground-info {
    padding-top: 25px;
}
.sec4 {
    padding: 50px 0 0;
    position: relative;
}
.sec4 .content p {
    margin-right: 0;
}
.sec5 .row {
    display: block;
    align-items: center;
    padding: 0;
    margin: -45px -20px;
}
.sec-status {
    padding: 30px 0;
}
.sec-status .head {
    text-align: center;
    margin-bottom: 10px;
}
.sec-status .tribe-events-view .tribe-common-l-container.tribe-events-l-container {
    padding: 0 30px 0;
}
.sec-status {
    padding: 30px 0 0 0;
}
.sec4 {
    padding: 30px 0 0;
    position: relative;
}
.sec4 .content h2 {
    font-size: 35px;
    margin-top: 30px;
}
.sec5 {
    padding: 20px 0;
    position: relative;
}
.sec5 .content h4 {
    font-size: 30px;
    margin: -30px 0px 5px 0px;
}
.sec5 .pic img {
    margin: 60px 0 0 0px;
    height: auto;
    width: 80%;
}
.sec6 .head-top {
    padding: 60px 0px 20px;
}
.sec-gallery .main .pic img {
    height: 390px;
    width: 86%;
    margin-left: 25px;
}
.slick-arrow {
    right: 0px;
}
.slick-next.slick-arrow {
    left: 0px;
}
.footer .head-top .info {
    padding: 5px 25px;
}
.footer .head-top h3 {
    padding: 0 25px;
}
.footer .social ul {
    padding: 0 25px;
}
.footer .menu ul {
    padding: 0 25px;
}
.footer .last .copy {
    text-align: center;
}
.footer .last .copy p {
    font-size: 13px;
}
.footer .last .copy-2 p {
    font-size: 13px;
    margin: 5px 0;
}
.footer .last .copy p {
    font-size:13px;
}
.footer .last .copy-2 {
    text-align: center;
}
.sec-gallery {
    padding: 25px 0;
}

.inner-banner{
    margin: -5px 0 0;
}

.sec8 .head-top{
    padding: 0;
}

.sec8 .main {
    margin-bottom: 40px;
}

}




