@media only screen and (max-width:1500px){

   .event-sld .container{width: 100% !important;}
   .event-sld .img{right: 5%;}
   .event-sld .view{right: 5%;}
}
@media only screen and (max-width:1366px){
   .event-sld .item{width: 84.5%;}
   .banner-abs-img img{transform: translateX(20%); -webkit-transform: translateX(20%); }
   .event-imgs{width: 80%;}
   .banner-mn-nw .event-imgs{width:100%;}
}
@media only screen and (max-width:1300px){
   .event-sld .full-img{width: 100%;}
   .event-sld .img{bottom: 100px;}
   .event-bann-txt h2{margin-top: 150px;}
}
@media only screen and (max-width: 1300px) {
	.container{width: 95%;}
	.main-row ul li{width: 48%; margin-right: 2%;}
	.main-row ul li:nth-child(3n){margin-right: 2%;}
	.main-row ul li:nth-child(even){margin-right: 0;}
	.table-container{width: 95%;}
}

@media only screen and (max-width: 1200px) {
.events-dtls ul{padding: 0 12%;}
.events-dtls ul li{width: 47%; margin-right: 6%;}
.event-sld .des{margin-top: 50px; margin-left: -120px;}
.event-sld ul li{width: 100px; height: 80px;}
.event-bann-txt h2{font-size: 6em;}
.inn-banner-txt h1{font-size: 7em;}
.event-bann-date{bottom: -122px;}
.event-sld .des{margin-left: -80px;}
}
@media only screen and (max-width: 1000px) {
	.availability-right-box-img img{width: 50%;  float: none; margin-top: 30px;}
	.availability-title-text{font-size: 24px; line-height: 30px; margin-bottom: 20px;}
	.availability-text ul li{font-size: 14px; line-height: 28px;}
	.availability-left-box{width: 100%; padding: 0;}
	.availability-right-box{width: 100%;}
	.availability-right-box-img{text-align: center;}
	.availability-right-1-box{width: 100%; padding: 0;}
	.event-sld .owl-pagination {
        position: absolute;
        bottom: 191px;
        right: 140px;
    }

    .event-sld h6 {
        color: #fff;
        font-family: futura;
        position: absolute;
        left: 203px;
        top: -2px;
        z-index: 999;
    }

    .event-sld .slider {
        position: absolute;
        width: 50px;
        height: 2px;
        overflow-x: hidden;
        left: 206px;
        top: 21px;
    }
}

@media only screen and (max-width: 1050px){
    .event-sld .title .sld-head{font-size: 5.8em;}
}

@media only screen and (max-width: 1100px) {
	table{display: none;}
	.table-2{display: block;}
}
@media(max-width:992.98px){
   .event-sld .item{
        height:auto;
        width: 100% !important;
    }
.event-sld .ev{left: 30px;}
.event-sld .title{left: 20px;}
    .event-sld .item img{
        height: auto !important;
        width: 100% !important;
    }

    .event-sld ul li {
        width: 86px;
        height: 50px;
        display: inline-block;
        margin-right: -4px;
    }

   .event-sld ul li img{
        display: none;
    }

    .event-sld ul li i{
        display: block !important;
        color: #fff;
        background: rgb(1, 114, 167);
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px !important;
    }

    .event-sld .img {
        position: absolute;
        right: -30px;
        bottom: -68px;
        z-index: 1;
    }

    .event-sld ul li {
        width: 85px;
        height: 50px;
        display: block;
        margin-right: -4px;
    }

    .event-sld .title {
        position: absolute;
        top: inherit;
        margin-left: 10px;
        bottom: 20px;
    }
.event-sld .title .numb{
    margin-bottom: 18px;
}
    .event-sld .item h1 {
        color: #fff;
        font-size: 48px;
        text-transform: capitalize;
        font-family: futura;
    }

    .event-sld .slider {
        position: absolute;
        width: 50px;
        height: 2px;
        overflow-x: hidden;
        left: 255px;
        top: 47px;
        z-index: 999;
    }

    .event-sld h6 {
        color: #fff;
        font-family: futura;
        position: absolute;
        left: 253px;
        top: 22px;
        z-index: 999;
    }

    .event-sld .owl-pagination {
        position: absolute;
        top: 50%;
        right: 0px;
        margin-top:-50px;
        transform: translateY(-50%);
        bottom: inherit;
    }

    .event-sld .owl-page{
        display:block !important;
    }

    .event-sld .des .date,
    .event-sld .des .d{
        display: none;
    }

    .event-sld #progressBar {
        width: 100px;
        position: absolute;
        bottom: -58px;
        left: 50px;
        background: rgb(92, 91, 91);
        height: 2px;
        /*z-index: 999;*/
        z-index: 1;
    }

    .event-sld .num {
        float: left;
        margin-left: 39px;
        margin-top: -44px;
    }

    .event-sld .num2 {
        float: right;
        margin-right: 46%;
        margin-top: -44px;
    }

    .event-sld .view {
       right:5%;
       bottom: -88px;
    }
    .event-sld{padding-bottom: 105px;}
    .event-imgs{width: 87%;}
    .events-dtls ul{padding: 0 5%;}
	.event-page-dtl .event-link > a.blue-btne{width: 100%;}
	.event-sld .img{display: none;}

}
@media only screen and (max-width:992px){
    .event-imgs{width: 100%; height: 527px; overflow: hidden;}
    .event-imgs img{width: auto; height: 100%;}
    .event-bann-txt h2{margin-top: 180px;}
}
@media only screen and (max-width:972px){
.event-sld .title .numb{margin-bottom: 8px;}
}
@media only screen and (max-width:900px){
  .timeline .owl-next{width: 100px;}
  .fundari-hd{margin-bottom: 155px;}
}

@media only screen and (max-width: 860px) {
	.left-logo{width: 100%; text-align: center;}
	.left-logo img{float: none;}
	.right-menu{width: 100%; text-align: center;}
	.right-menu ul{float: none;}
	.right-menu ul li{float: none; display: inline-block;}
	.button{margin: 0;}
	.banner-text h2{font-size: 24px;}
	.banner-text p{font-size: 12px;}
	.button-banner a{font-size: 12px;}
	.box-title{font-size: 22px;}
	.event-sld .title .sld-head{font-size: 3.2em;}
}

@media only screen and (max-width: 700px) {
	form{width: 80%; margin: 0 auto;}
	.row input[type=email]{width: 70%;}
	.menu-icon{display: block;}
	.right-menu{display: none;}
	.left-logo{text-align: left;}
	.hamburgermenu{display: block;}
	.button{float: left; margin-top: 10px;}	
}

@media only screen and (max-width: 770px) {
	.table-2 ul li li{font-size: 16px;}
	.table-2 ul li li strong{font-size: 18px;}
}

@media only screen and (max-width: 600px){
	.main-row ul li{width: 100%; margin-right: 0;}
	.features h2, .code-algorithms h2, .footer h2{font-size: 24px;}
	.rights{width: 100%; text-align: center; font-size: 14px;}
	.site-by{width: 100%; text-align: center; font-size: 14px;}
	.banner-text h1{font-size: 26px; line-height: 28px;}
	.availability{padding: 20px 0;}
	.code-algorithms{padding: 40px 0}
	.code-algorithms h2{margin-bottom: 40px;}

}

@media only screen and (max-width: 600px) {
	.table-2 ul li li strong{width: 100%; border: none; margin-right: 0;}
	.table-2 ul li li{border: none;}
	.table-2 ul li{border-bottom: solid 1px#ccc;}
	.table-2 ul li li span{padding-left: 10px;}
}

@media only screen and (max-width: 520px) {
	.row input[type=email]{width: 100%; margin-bottom: 25px;}
	.row span{width: 100%; margin-left: 0; text-align: center;}
	.row span a{width: auto; float: none;}
	.foot-menu ul li a{font-size: 12px; padding: 0 5px;}
	 .event-sld {    padding-bottom: 35px;}
	 .event-sld #progressBar{bottom: 0;}
	 .event-sld .ev{top: -55px;}
}
@media only screen and (max-width: 470px) {
.event-sld .owl-pagination{margin-top: -20px;}
}
@media only screen and (max-width:400px) {
 .event-sld #progressBar {width: 60px !important;}
}
@media only screen and (max-width:360px) {
.event-sld .owl-theme .owl-controls .owl-page span.owl-numbers{font-size: 10px;}
}



}