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

}


@media only screen and (min-width:1300px) and (max-width:1530px){
    #banner{height: auto;}
    #banner .banner-innner{padding: 0; height: auto;}

    #animation_container{top: auto; max-height: 350px !important;}
    #canvas{width: 80% !important; height: 90% !important;}
    .logo-container img{width: 40%;}
    
    .banner-first-row{height1: 300px;}
    .logo-container img{top: 30%;}
}
@media only screen and (min-width:1200px) and (max-width:1600px){
    .top-social{margin: -5px 0 0;}
    #header{padding: 10px 0;}
    .banner-first-row{height1: 400px;}
    
}
@media only screen and (min-width:1003px) and (max-width:1024px){

    #header #menu-main-menu li{margin-left: 15px;}
    .top-social a:first-child{margin-left: 0;}
    .top-social a{margin-left: 10px;}
    .event-details .large{font-size: 40px; padding: 20px 50px;}
    .banner-first-row{height1: 350px;}
    .logo-container img{max-width: 60%;}
}

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

    
    #header{height: 80px;  }
    .nav-link{padding: 0;}
    .nav-link .yellow-logo{display: none;}
    #main-nav { display: none;}
    #main-nav{display:none;}
    #mobile-menu.active #main-nav{display:block !important;}
    #page{width:100%;position:relative;z-index:10;background:#fff;}

    #mobile-menu.active{left:0;}
    #mobile-menu-icon{display: block;}


    .register-mob-logo .white-logo{display: block;}
    .register-mob-logo .yellow-logo{display: none;}

    #header.fixed .register-mob-logo .white-logo{display: none;}
    #header.fixed .register-mob-logo .yellow-logo{display: block;}
    #mobile-menu ul li.register-link{display: none;}    
    #inner #header .register-mob-logo .white-logo{display: none;}
    #inner #header .register-mob-logo .yellow-logo{display: block;}

    .owl-dots .owl-dot span{background: #aaaaaa;}
    .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span{background: #585858;}
    #know-slider .owl-stage{padding-left: 0 !important; padding-right: 0 !important;}
    #about{padding-top: 100px;}
    .home_layer_3 .adw_confluence_text:last-child{margin: 0 0 50px 0;}
    .home_layer_3 table tr td{padding-left:15px !important;}
    #workshop .workshopdiv{display: none;}
    .home_layer_4{padding: 150px 15px 40px;}
    .mob-btn{display: block;}
    .collaborativeevent.exploring{font-size: 20px; line-height: 30px;}
    .collaborativeevent span{font-size: 14px;}

    #speakers h1,#governing h1{font-size: 43px; line-height: 53px; margin: 0 0 50px 20px;}
    .pt-50{padding-top: 20px;}
    #speakers .speaker-slider{margin: 0;}
    #speakers .container{padding: 0;}
    .Speakerdiv {padding-bottom: 15px;}
    #speakers .owl-dots .owl-dot span{background-color: rgba(255,255,255,0.5);}
    #speakers .owl-dots .owl-dot.active span,#speakers .owl-dots .owl-dot:hover span{background-color: rgba(255,255,255,1);}
    .speaker-detail-wrapper{margin:0 15px 0 30px;}
    .speaker-detail-wrapper .speaker-details .details{padding: 20px 20px 0;}
    .speaker-detail-wrapper .speaker-details .details .name{font-size: 40px;}
    .speaker-detail-wrapper .speaker-details .time-date{padding: 20px;}

    #design{padding-bottom: 0;}
    #design h1{font-size: 55px; line-height: 60px;}
    #design .pt-100{padding-top:0; padding-bottom:50px;}
    .tagline{font-size: 13px; line-height: 15px; text-align: center; max-width: 210px; margin: 0 auto;}

    #workshop-slider .item{margin: 0;}
    #our-workshop .owl-nav{display: none;}
    #our-workshop .Workshops .Workshops-name{font-size: 19px;}
    #our-workshop .Workshops .link a{font-size: 15px;}
    .home_layer_7 .workshopdiv .adw_confluence{margin-bottom: 35px;}
    .home_layer_7.pa-200{padding:0 0 50px;}
    .home_layer_7 .col-md-7{padding: 0 15px;}
    #our-design .Parterned{width: 200px; max-width: 40%; flex: 0 0 40%;}
    .home_layer_7 .workshopdiv .adw_confluence, .home_layer_11 .workshopdiv .adw_confluence{font-size: 40px;  line-height: 50px;}

    .content h2.title:before{left: -35px;}

    #event_schedule #horizontalTab .resp-tabs-list{width: 30%;}
    #event_schedule #horizontalTab .resp-tabs-container{width: 70%; overflow-x: scroll;}
    #event_schedule #horizontalTab .resp-tabs-container table tr td.table-head{padding: 0 15px 0 0;}
    #event_schedule #horizontalTab .resp-tabs-container table tr td.pl-25{padding-left: 0;}

    .desk-img,.desk-menu{display: none !important;}
    .mob-img,.mob-menu{display: block !important;}

    .home_layer_9.pt-100{padding: 50px 0;}
    #entertainment p{line-height: normal; text-align: left; margin: 100px 0 60px;}
    .home_layer_9 .col-md-12{padding: 0;}
    #entertainment a{font-size: 30px;}
    .pa-100{padding: 50px 0}
    .pt-100{padding-top: 50px;}

    .home_layer_10 .passes .title,.home_layer_10 .passes .title.bg-yellow{font-size: 30px;}
    .home_layer_10 .col-md-9.pa-0{padding: 0;}
    #pass .owl-nav{display: none;}
    .home_layer_10 .passes .link{font-size: 22px;}
    #pass .owl-dots {display: none;}

    #partners .img_size{max-width: 100% !important; width: auto !important;}
    #partners .partners-logo{padding: 0 15px;}
    #partners .partners-logo [class^="col-"]{width: calc(50% - 15px); padding: 0 15px;} 
    #partners .partners-logo img{margin: 0 auto;}
    .home_layer_11 .pa-0{padding: 0 15px;}
    #reach-us .address{margin-bottom: 30px;}
    .copy_text{text-align: left;}
    .copy_text h2{margin-top: 30px;}
    footer .copyright{margin-top: 30px;}
    .home_layer_7{overflow-x:hidden; }
    .home_layer_10 .passes{background-image: url(../images/passes-pink_small.png); background-repeat: no-repeat; background-position: 0 0; background-size: cover; max-width: 330px; margin: 0 -10px; background-position: center bottom;}
    .home_layer_10 .passes .prices{padding: 30px 32px 50px 20px;}
    .home_layer_10 .passes .title{width: 100%; left: 0; top: -3px;}

    #event_schedule #horizontalTab .resp-tabs-container table tr td{white-space: nowrap;}


    #main-container{padding-top: 80px;}
    #register-slider{margin: 0;}

    .workshop-details .content-block{margin-right: 0;}
    .workshop-details .main-img-wrapper{position: relative; height: 300px; max-width:300px; right: 0; }
    .speaker-details .img-group{position: relative; width: auto; max-width: 250px;}
    .speaker-details .img-group img,.speaker-details .img-group img:last-child{ float: none; margin-bottom:15px;}

    .pre-days-banner .btn.style1{position: relative; right: 0; left: 0; top: 20px;}
    .event-details-block{padding: 40px 0 150px;}
    .event-details-block .event-tags{line-height: normal; font-size: 16px;}
    .event-details .leader-container .item h2{font-size: 70px; line-height: 80px; margin: -130px 0 0 0;}

    .event-details .leader-container .item.gray .text-right{text-align: left !important;}

    .bottom-row{position: absolute; bottom: 0px; width: 100%; height: auto;}
    #animation_container{max-height: 350px !important;}

    #banner{overflow: hidden;}

    .btn.style1.large{font-size: 40px; padding: 20px 50px;}
    .btn.style1.medium{font-size: 40px; padding: 20px 50px;}

    #our-workshop .Workshops .link .spec-icon{width: 50px;}
    #our-workshop .Workshops .link .spec-icon img{width: auto; }
}

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

    #header{height: 80px;  }
    .nav-link{padding: 0;}
    .nav-link .yellow-logo{display: none;}
    #main-nav { display: none;}
    #main-nav{display:none;}
    #mobile-menu.active #main-nav{display:block !important;}
    #page{width:100%;position:relative;z-index:10;background:#fff;}

    #mobile-menu.active{left:0;}
    #mobile-menu-icon{display: block;}

    .register-mob-logo .white-logo{display: block;}
    .register-mob-logo .yellow-logo{display: none;}

    #header.fixed .register-mob-logo .white-logo{display: none;}
    #header.fixed .register-mob-logo .yellow-logo{display: block;}
    #mobile-menu ul li.register-link{display: none;}    
    #inner #header .register-mob-logo .white-logo{display: none;}
    #inner #header .register-mob-logo .yellow-logo{display: block;}


    .owl-dots .owl-dot span{background: #aaaaaa;}
    .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span{background: #585858;}
    #know-slider .owl-stage{padding-left: 0 !important; padding-right: 0 !important;}
    #about{padding-top: 100px;}
    .home_layer_3 .adw_confluence_text:last-child{margin: 0 0 50px 0;}
    .home_layer_3 table tr td{padding-left:15px !important;}
    #workshop .workshopdiv{display: none;}
    .home_layer_4{padding: 150px 15px 40px;}
    .mob-btn{display: block;}
    .collaborativeevent.exploring{font-size: 20px; line-height: 30px;}
    .collaborativeevent span{font-size: 14px;}

    #speakers h1,#governing h1{font-size: 43px; line-height: 53px; margin: 0 0 50px 20px;}
    .pt-50{padding-top: 20px;}
    #speakers .speaker-slider{margin: 0;}
    #speakers .container{padding: 0;}
    .Speakerdiv {padding-bottom: 15px;}
    #speakers .owl-dots .owl-dot span{background-color: rgba(255,255,255,0.5);}
    #speakers .owl-dots .owl-dot.active span,#speakers .owl-dots .owl-dot:hover span{background-color: rgba(255,255,255,1);}
    .speaker-detail-wrapper{margin:0 15px 30px 30px;}
    .speaker-detail-wrapper .speaker-details .details{padding: 20px 20px 0;}
    .speaker-detail-wrapper .speaker-details .details .name{font-size: 40px;}
    .speaker-detail-wrapper .speaker-details .time-date{padding: 20px;}

    .governing-slider{margin-bottom: 20px;}
    .Governingrdiv{padding-bottom: 0;}

    #design{padding-bottom: 0;}
    #design h1{font-size: 55px; line-height: 60px;}
    #design .pt-100{padding-top:0; padding-bottom:50px;}
    .tagline{font-size: 13px; line-height: 15px; text-align: center; max-width: 210px; margin: 0 auto;}

    #workshop-slider .item{margin: 0;}
    #our-workshop .owl-nav,#art-installation .owl-nav, #other-installation-slider .owl-nav{display: none;}
    #our-workshop .Workshops .Workshops-name{font-size: 19px;}
    #our-workshop .Workshops .link a{font-size: 15px;}
    .home_layer_2 .homemainsquares div{width: 75vw; border-radius: 10px;}
    .home_layer_7 .workshopdiv .adw_confluence{margin-bottom: 35px;}
    .home_layer_7.pa-200{padding:0 0 50px;}
    .home_layer_7 .col-md-7{padding: 0 15px;}
    #our-design .Parterned{width: 150px;}
    .home_layer_4{padding: 0 15px 40px;}
    #event_schedule #horizontalTab .resp-tabs-list{width: 30%;}
    #event_schedule #horizontalTab .resp-tabs-container{width: 70%; overflow-x: scroll;}
    #event_schedule #horizontalTab .resp-tabs-container table tr td.table-head{padding: 0 15px 0 0;}
    #event_schedule #horizontalTab .resp-tabs-container table tr td.pl-25{padding-left: 0;}

    .desk-img,.desk-menu{display: none !important;}
    .mob-img,.mob-menu{display: block !important;}

    .home_layer_9.pt-100{padding: 50px 0;}
    #entertainment p{line-height: normal; }
    #entertainment .block .info{max-width: 100%; margin-bottom: 30px;}
        #entertainment .block .info p br{display: none;}
    #entertainment .block .info img{display: block; margin-top: 20px;}
    .home_layer_9 .col-md-12{padding: 0;}
    #entertainment a{font-size: 30px;}
    .pa-100{padding: 50px 0}
    .pt-100{padding-top: 50px;}

    .home_layer_10 .passes .title,.home_layer_10 .passes .title.bg-yellow{font-size: 30px;}
    .home_layer_10 .col-md-9.pa-0{padding: 0;}
    #pass .owl-nav{display: none;}
    .home_layer_10 .passes .link{font-size: 22px;}
    #pass .owl-dots {display: none;}

    #partners .img_size{max-width: 100% !important; width: auto !important;}
    #partners .partners-logo{padding: 0 15px;}
    #partners .partners-logo [class^="col-"]{width: calc(50% - 10px); padding: 0 10px;} 
    .partners-logo .block .img-wrap{height: 110px;}
    .home_layer_11 .pa-0{padding: 0 15px;}
    #reach-us .address{margin-bottom: 30px;}
    .copy_text{text-align: left;}
    .copy_text h2{margin-top: 30px;}
    footer .copyright{margin-top: 30px;}
    .home_layer_7{overflow-x:hidden; }
    .home_layer_10 .passes{background-image: url(../images/passes-pink_small.png); background-repeat: no-repeat; background-position: 0 0; background-size: cover; max-width: 330px; margin: 0 -10px; background-position: center bottom;}
    .home_layer_10 .passes .prices{padding: 30px 32px 50px 20px;}
    .home_layer_10 .passes .title{width: 100%; left: 0; top: -3px;}

    #event_schedule #horizontalTab .resp-tabs-container table tr td{white-space: nowrap;}


    #main-container{padding-top: 80px;}
    #register-slider{margin: 0;}

    .workshop-details .content-block{margin-right: 0;}
    .workshop-details .main-img-wrapper{position: relative; height: 300px; max-width:300px; right: 0; }
    .speaker-details .img-group{position: relative; width: auto; max-width: 250px;}
    .speaker-details .img-group img,.speaker-details .img-group img:last-child{ float: none; margin-bottom:15px;}

    .pre-days-banner .btn.style1{position: relative; right: 0; left: 0; top: 20px;}
    .event-details-block{padding: 40px 0 20px;}
    .event-details-block .event-tags{line-height: normal; font-size: 16px;}
    .event-details .leader-container .item h2{font-size: 70px; line-height: 80px; margin: -130px 0 0 0;}
    .event-details .leader-container .item h2.medium{font-size: 50px; line-height: 60px;  margin: -130px 0 40px 0}
    .event-details-block .adw_confluence{font-size: 35px; line-height: 40px;}
    
    .event-details .leader-container .item.gray .text-right{text-align: left !important;}
    .wdo-page .about-us{margin-bottom: 150px;}

    .content h2.title{font-size: 50px;}
    .content h2.title:before{display: none;}

    .event-details-block h1{font-size: 50px; line-height: 55px;}

    .bottom-row{position: relative; bottom: 0px; width: 100%; height: auto;}
    #reach-us .address a{word-break: break-all;}

    .banner-first-row {height: auto;}
    #animation_container{max-height: 200px !important;}
    
    .logo-container{height: auto; margin-bottom: 30px;}
    .logo-container img{position: relative; width: 75%; margin: 0 auto; display: block;}

    .btn.style1.large{font-size: 25px; padding: 15px 30px; border-radius: 5px;}
    .btn.style1.medium{font-size: 40px; padding: 20px 50px;}
    .about-pic{float: none; margin: 0 0 30px; width: 100%;}

    .down-arrow{display: none;}
    
    .register-message{padding: 0 15px;}
    .partners-logo .block{margin-bottom: 10px;}
    .banner .registerbtn {
       
        margin: 0;
        padding: 10px 30px;
        
        border: 0;
        text-transform: uppercase;
        font-size: 10px;
    }
}

@media only screen and (min-width:320px) and (max-width:767px) and (orientation:landscape){
    #banner{height: auto;}
    #banner .banner-innner{height: auto;}
    .bottom-row{position: relative;  }
}