@media screen and (min-width: 100px) and (max-width: 768px) {
    .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;
}
}
@media screen and (min-width: 480px) and (max-width: 668px) {
    .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;
  }
}
@media screen and (max-width: 380px) {
    [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;
}
}
@media(max-width: 1600px){
    .header {
        padding: 10px 150px 10px 20px;
    }
    
    .hero-image img {
        height: 860px;
    }
    
    .home .header .logo img {
        box-shadow: unset;
         
    }
    
    .header .logo img {
        box-shadow: 0px 0px 20px 1px #ccc;
           margin-top: 0px;
    }
    
    .hero-section {
        min-height: auto;
    }
    
    .profile img {
        width: 125px;
        height: 190px;
    }
    
    .hero-card {
        padding: 30px 25px 15px;
    }
    
    .hero-card small {
        font-size: 26px;
    }
    
    .hero-card h1 {
        font-size: 68px;
    }
    
    .shop-btn {
        margin-bottom: -72px;
    }
    
    .portfolio-slides img{
        height: 550px !important;
    }
    
    .portfolio-sec {
        padding: 60px 0 10px;
    }
}

@media(max-width: 1500px){
    .hero-image img {
        height: 800px;
    }
    
    .hero-card {
        margin-left: -110px;
    }
    
    .about-us {
        padding: 60px 0;
    }


}

@media(max-width: 1400px){
    .header {
        padding: 10px 60px 10px 20px;
    }
    
    .hero-image img {
      height: 760px;
    }
    
    .hero-card h1 {
        font-size: 64px;
    }
    
    .hero-card small {
        font-size: 24px;
    }
    
    .about-content h1, .slide-content li, .portfolio-head h1,.event-card h1 {
        font-size: 50px;
    }
    
    .slide-content-sec {
        padding: 25px 0;
    }
    
    .page-id-70 .main-head h2 {
        letter-spacing: 1px;
    }
    
    .portfolio-inner-page .portfolio-inner-item {
        height: 620px;
    }

}
@media(max-width: 1300px){
    .portfolio-inner-page .portfolio-inner-item {
        height: 550px;
    }
}

@media(max-width: 1200px){
    
}

@media(max-width: 1100px){
    .header {
        padding: 10px 30px 10px 20px;
    }
    
    .header ul {
        gap: 25px;
        margin-right: 25px;
    }
    
    .header ul li a {
        font-size: 16px;
    }
    
    .hero-card small {
        font-size: 22px;
    }
    
    .hero-card h1 {
        font-size: 57px;
    }
    
    .hero-card {
        margin-top: 200px;
    }
    
    .about-content h1, .slide-content li, .portfolio-head h1, .event-card h1 {
        font-size: 46px;
    }
    
    .portfolio-slides img {
        height: 385px !important;
    }
    
    .page-id-70 .main-head h2 {
        font-size: 38px;
    }
}

@media(max-width: 999px){
    .header {
        justify-content: center;
    }
    
    .header nav {
        display: none;
    }
    
    .hero-image img {
        height: auto;
    }
    
    .hero-card{
        display: none;
    }
    
    .social-vertical {
        right: -40px;
        top: 60%;
    }
    
    .profile-row {
        margin-top: 20px;
        justify-content: center;
    }
    
    .about-content {
        padding-left: 0;
    }
    
    .portfolio-slides img {
        height: 300px !important;
    }
    
    .portfolio-row.row-1 .portfolio-slides .portfolio-item:nth-child(even) img, .portfolio-row.row-2 .portfolio-slides .portfolio-item:nth-child(odd) img, .portfolio-row.row-3 .portfolio-slides .portfolio-item:nth-child(even) img {
        margin-top: 0px;
    }
    
    .portfolio-slides {
        margin-bottom: 30px;
    }
    
    .event-sec .col-md-6 {
        width: 100%;
    }
    
    .event-sec {
        padding: 50px 0;
    }
    
    .about-content h1, .slide-content li, .portfolio-head h1, .event-card h1 {
        font-size: 40px;
    }
    
    .event-sec .col-md-6 {
        width: 100%;
    }
    
    .event-sec .event-card{
        margin-bottom: 25px;
    }
    
    .event-card h1 {
        margin-bottom: 0;
    }
    
    .event-card .event-card-content {
        margin-top: 10px;
    }
    
    .event-card-content h2 {
        font-size: 36px;
    }
    
    .event-card-content p:empty {
        display: none;
    }
    
    .event-card-content p {
        margin-bottom: 10px;
    }
    
    .primary-btn{
        height: 46px;
        font-size: 16px;
        padding: 0 30px;
    }
    
    .event-card img {
        width: 100%;
    }
    
    footer {
        padding: 40px 0;
    }
    
    footer .left, footer .right {
        width: 50%;
    }
    
    footer .middle {
        display: none;
    }
    
    .portfolio-inner-page {
        padding: 30px 0;
    }
    
    .page-id-70 .main-head {
        padding-bottom: 20px;
    }
    
    .page-id-70 .main-head h2 {
        font-size: 29px;
    }
    
    .portfolio-inner-page .portfolio-inner-item {
        height: 250px;
    }
    
    .inner-banner {
        height: 150px;}
    }
    
    .sec-cta {
        padding: 30px 0;
    }
    
    .sec-cta .left h2, .sec-cta .right h2, .sec-cta .head-top h3 {
        font-size: 30px;
    }

@media(max-width: 500px){
    .header .logo img {
        width: auto;
    }
    
    .profile img {
        width: auto;
        height: 150px;
    }
    
    .hero-right {
        margin-right: 0px;
    }
    
    .social-vertical{
        display: none;
    }
    
    .about-us .about-img:before{
        display: none;
    }
    
    .about-content h1, .slide-content li, .portfolio-head h1, .event-card h1 {
        font-size: 34px;
    }
    
    .portfolio-head {
        flex-flow: wrap;
        justify-content: center;
    }
    
    .portfolio-sec {
        padding: 20px 0 10px;
    }
    
    .portfolio-slides img {
        height: auto !important;
    }
    
    .event-card-content h2 {
        font-size: 30px;
    }
    
    .event-card-content h6{
        font-size: 18px;
    }
    
    footer .left, footer .right {
        width: 100%;
    }
    
    footer .left{
        margin-bottom: 20px;
    }
    
    .page-id-70 .main-head h2 {
        font-size: 22px;
    }
}