*{
    margin:0;
    padding:0;
}
body{
    box-sizing:border-box;
}
.co_header, .co_header.newClass {
    background: linear-gradient(90deg, #3DC7F4 -20%, #2A4499 100%);
    padding: 8px 0;
}
.menu a.active, .menu a:hover {
    color: #fcdc5e;
}

.logo.film-logo {
    background: #fff;
    height: 151px;
    position: absolute;
    text-align: center;
    top: -78px;
    width: 240px;
    padding: 0;
}

.newClass .logo.film-logo {
    top: -52px;
    height: 129px!important;
}

.menu a:after {
    height: 2px;
    background: none;
}
.drop-menu a:after {
    /* height: 2px; */
    background: none;
}
.drop-menu {
    border-top: 3px solid #47b84d !important;
}
.menu li:hover .drop-menu {
    padding: 0px 5px !important;
    width: 18%;
}
.drop-menu>li>a {
    font-size: 16px;
}
.menu li:hover .drop-menu {
    top: 55px;
}
.sub-menu li:hover a {
    color: #337fc2 !important;
}

.header-social  {
    padding-left: 0;
    z-index: 2;
    position: relative;
}
.header-social .sub-menu {
    display: none;
}
.header-social li a {
    font-size: 18px !important;
    color: #2b479b;
}
.header-social ul {
    display: flex;
    justify-content: flex-end;
}
.header-social>ul>li {
    padding: 0 10px;
}
.domain-dropmenu:hover .sub-menu {
    display: block;
    position: absolute;
    top: 25px;
    left: -14px;
    background-color: white;
    border-radius: 0 0 10px 10px;
    z-index: 99;
    width: 200px;
    text-align: start;
    box-shadow: 1px 2px 3px lightgray;
    border-top: 3px solid #47b84d;
    font-weight: 600;
    text-transform: capitalize;
}
.domain-icon  {
    height: 44px;
    width: 44px;
    line-height: 44px;
    text-align: center;
    border: 2px dotted #38a3db;
    border-radius: 100%;
}
.domain-icon a {
    color: #2b479b;
}
.mobile-domain-dropmenu {
    display: none;
}
.mobile-domain-dropmenu:hover .sub-menu {
    display: block;
    position: absolute;
    top: 25px;
    left: -14px;
    background-color: white;
    border-radius: 0 0 10px 10px;
    z-index: 99;
    width: 200px;
    text-align: start;
    box-shadow: 1px 2px 3px lightgray;
    border-top: 3px solid #47b84d;
    font-weight: 600;
    text-transform: capitalize;
}
.menu a:after {
    background: none;
}
.menu a:hover {
    color: #2b4b9e;
}
.menu-upper a:hover {
    color: #fcdc5e;
}
.menu-upper a {
    font-weight: 600;
}
.header-cart .menu li {
    padding: 0px 0;
}
.cart::after {
    display: none;
}
.cart a {
    font-size: 18px;
    border: 2px dotted #38a3db;
    border-radius: 100%;
    height: 44px;
    width: 44px;
    line-height: 44px;
    padding: 0;
    text-align: center;
    display: block;
    color: #2b479b;
}
.user-icon{
    height: 44px;
    width: 44px;
    line-height: 44px;
    text-align: center;
    border: 2px dotted #38a3db;
    border-radius: 100%;
    color: #2b479b;
}
.dropdown i {
    padding-right: 0;
}
.header-cart  {
    gap: 10px;
}
ul.menu-upper {
    justify-content: flex-end;
}
.menu-upper {
    border-bottom: unset;
}
.header-right .sub-menu li {
    padding: 10px;
}
.header-right a.dropdown-item {
    padding: 0;
    color: #000;
    font-size: 18px;
}
.header-right a.dropdown-item:hover {
    color: #337fc2 !important;
}
.header-right:hover .sub-menu1 {
    text-align: start;
    width: 150px;
    box-shadow: 1px 2px 3px lightgray;
    border-top: 3px solid #47b84d;
    top: 45px;
    left: 0;
    text-transform: capitalize;
}
.header-right {
    padding-left: 0;
}
.film-header {
    padding: 15px 0;
}
.film-logo img{
    width: 100%;
}
.film-header .row {
    align-items: center;
}
.menu a {
    color: black;
}
.menu-upper a {
    color: white;
}
.newClass .logo img {
    padding: 53px 0px 0;
}

.toggle-bar {
    display: none;
    float: right;
    color: white;
    font-size: 35px;
}

.announcement-bar:after {
    background-image: none;
    content: none;
}

.cloud {
    position: absolute;
    bottom: 0px;
    right: -500px;
    animation: cloud 20s linear 0s infinite reverse;
    z-index: 0;
}

.k-bar {
    background-color: #F5F5F5;
}
.k-bar a {
    color: #2a459a;
    padding-right: 20px;
}
.breadscrumb-section {
    background-image: none;
    border-top: 1px solid #d3d0d0;
    border-bottom: 1px solid #d3d0d0;
}
.breadscrumb-section .breadscrumb-contain {
    padding: 23px 14px;
    z-index:1;
}
.breadscrumb-section .breadscrumb-contain nav {
    margin-left: 0;
}
li.breadcrumb-item a {
    color: #000;
    font-weight: 700;
    font-size: 18px;
}
.breadscrumb-section .breadcrumb-item.active {
    color: #46b64c;
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize;
}
.breadscrumb-section .breadcrumb-item+.breadcrumb-item::before {
    color: #46b64c !important;
}
.copy .fas {
    background: #03A9F4;
}
.film-title h2::before {
    content: "";
    position: absolute;
    left: 10%;
    bottom: 0;
    border: 2px solid #6dbe4b;
    width: 75px;
    height: 1%;

}
.film-title h2::after {
    content: "";
    position: absolute;
    width: 35px;
    left: 5%;
    bottom: 0;
    border: 2px solid #6dbe4b;
}
.footer-shape {
    position: absolute;
    width: 10%;
    top: -45px;
    left: 15%;
}
.k-footer {

    background-color:unset ;
    background-image: url(../image/festival-footer-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100px;
    
}
.k-footer::before {
    position: absolute;
    content: "";
    background-image: url(../image/teddy-22.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: scroll;
    background-position: center center;
    transition: all 0.3s linear 0s;
    height: 100%;
    width: 18%;
    bottom: 0px;
    left: 5px;
    z-index: 9;
}
.k-footer:after {
    position: absolute;
    content: '';
    background-image: url(../image/star-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: scroll;
    background-position: center center;
    transition: all 0.3s linear;
    height: 100%;
    width: 13%;
    bottom: 0;
    right: 0;
    z-index: 0;
}
.footer-menu a {
    display: inline-block;
    transition: all 0.8s;
}
.footer-menu i {
    color: #000;
    transition: all 0.8s;
}
.footer-menu>ul>li:hover a {
    transform: translateX(10px);
    color: #3F51B5;
    font-weight: 600;
}
.footer-menu>ul>li:hover i {
    transform: translateX(10px);
    color: #3F51B5;
}
.footer-bottom {
    display: flex;
    /* gap: 20px; */
    padding: 20px;
    border-top: 1px dashed rgb(35 35 35 / 10%);
    justify-content: space-around;
    align-items: center;
}
.footer-bottom p {
    font-weight: 600;
}
.k-footer .row {
    align-items: center;
}
.f-logo {
    width: 80%;
}
.social-link i {
    background: #2a459a;
    padding: 0px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.social-link a:hover {
    transform: translateY(-20px);
    color: #8BC34A;
}
.bg-film-crew{
    padding:100px 0px;
    position: relative;
    overflow:hidden;
}
.film-crew-head{
    text-transform: capitalize;
    font-weight: 700;
    font-size: 34px;
    letter-spacing: 0.5px;
    text-align:center;
}

.form-listing form .row{
    align-items:end;
    justify-content:center;
}
.film-crew-input label {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 18px;
    display: block;
    margin-bottom: 8px;
}
.film-crew-input input {
    width: 100%;
    height: 45px;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    /* background: rgb(86 196 241 / 30%); */
    padding: 10px 20px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.film-crew-input select {
    width: 100%;
    height: 45px;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    /* background: rgb(86 196 241 / 30%); */
    padding: 10px 20px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}

.film-crew-btn button {
    width: 100%;
    height: 45px;
    border-radius: 4px;
    background-color: #56c4f1;
    color: white;
    border: none;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.film-crew-input input:focus{
    border:1px solid grey;
    background:transparent;
}
.crew-listing-image {
    border-radius: 6px;
    width: 100%;
    height:400px;
    position: relative;
}
.crew-listing-image::after{
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 150%) repeat scroll 0 0;
    border-radius: 5px;
    transition: all 0.35s ease-in-out;
}

.crew-listing-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:8px;
}

.crew-listing-info h4{
    text-transform:capitalize;
    font-size:18px;
    font-weight:700;
    letter-spacing:0.5px;
    margin-bottom:0px;
}

.crew-listing-box{
    position: relative;
    margin-bottom: 80px;
    padding:0px 8px;
    width: 100%;
}
.crew-listing-box a{
    color:black;
}
.crew-listing-box:hover .crew-listing-info h4{
    color:white;
}
.crew-listing-box:hover .crew-listing-info:after{
    height:100%;
}
.crew-listing-box:hover .crew-listing-image::after{
    height: 100%;
}

.crew-info-main{
    padding: 0 35px;
    position: relative;
    top: -42px;
    margin-bottom: -50px;
    z-index: 1;
}
.crew-listing-info{
    padding: 26px 30px;
    background: #ffffff;
    box-shadow: 0px 0px 38px 0px rgba(0,0,0,.08);
    border-radius: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.crew-listing-info:after{
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 0;
    width: 100%;
    transition: all 0.35s ease-in-out;
    z-index: -1;
    background: linear-gradient(90deg, #3DC7F4 0%, #2A4499 100%);
}

.bg-listing-crew {
    padding: 50px 0px;
}
.destination-icon{
    position: absolute;
    right:0%;
    width:5%;
    height:auto;
    animation: plan 20s linear infinite;
}
@keyframes plan {
    0% {
        top: 140px;
        right:0%;
    }
    25% {
        top: 140px;
        right: 5%;
    }
    50% {
        top: 180px;
        right: 10%;
    }
    75% {
        top: 180px;
        right:15%;
    }
    100% {
        top: 140px;
        right:0%;
    }
}

.button {
    position: relative;
    padding: 10px 22px;
    border-radius: 6px;
    border: none;
    color: #fff;
    cursor: pointer;
    background-color: #56c4f1;
    transition: all 0.2s ease;
    z-index:1;
  }
  .button:hover{
    background-color:black;
  }
  .button:active {
    transform: scale(0.96);
  }
  
  .button:before,
  .button:after {
    position: absolute;
    content: "";
    width: 150%;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
    z-index: -1000;
    background-repeat: no-repeat;
  }
  
  .button:hover:before {
    top: -70%;
    background-image: radial-gradient(circle, #56c4f1 20%, transparent 20%),
      radial-gradient(circle, transparent 20%, #56c4f1 20%, transparent 30%),
      radial-gradient(circle, #56c4f1 20%, transparent 20%),
      radial-gradient(circle, #56c4f1 20%, transparent 20%),
      radial-gradient(circle, transparent 10%, #56c4f1 15%, transparent 20%),
      radial-gradient(circle, #56c4f1 20%, transparent 20%),
      radial-gradient(circle, #56c4f1 20%, transparent 20%),
      radial-gradient(circle, #56c4f1 20%, transparent 20%),
      radial-gradient(circle, #56c4f1 20%, transparent 20%);
    background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%,
      10% 10%, 18% 18%;
    background-position: 50% 120%;
    animation: greentopBubbles 0.6s ease forwards;
  }
  
  @keyframes greentopBubbles {
    0% {
      background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%,
        40% 90%, 55% 90%, 70% 90%;
    }
  
    50% {
      background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%,
        50% 50%, 65% 20%, 90% 30%;
    }
  
    100% {
      background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%,
        50% 40%, 65% 10%, 90% 20%;
      background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
  }
  
  .button:hover::after {
    bottom: -70%;
    background-image: radial-gradient(circle, #56c4f1 20%, transparent 20%),
      radial-gradient(circle, #56c4f1 20%, transparent 20%),
      radial-gradient(circle, transparent 10%, #56c4f1 15%, transparent 20%),
      radial-gradient(circle, #56c4f1 20%, transparent 20%),
      radial-gradient(circle, #56c4f1 20%, transparent 20%),
      radial-gradient(circle, #56c4f1 20%, transparent 20%),
      radial-gradient(circle, #56c4f1 20%, transparent 20%);
    background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 20% 20%, 18% 18%;
    background-position: 50% 0%;
    animation: greenbottomBubbles 0.6s ease forwards;
  }
  
  @keyframes greenbottomBubbles {
    0% {
      background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%,
        70% -10%, 70% 0%;
    }
  
    50% {
      background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%,
        105% 0%;
    }
  
    100% {
      background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%,
        110% 10%;
      background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
  }

  .bg-film-crew .but-bg1{
    position: absolute;
    width: 8%;
    top: -10px;
    left: 44px;
    animation: swing-in-top-fwd 5s cubic-bezier(0.175, 0.885, 0.320, 1.275) infinite;
  }

    @keyframes swing-in-top-fwd {
        0% {
            transform: rotate(0deg);
            transform-origin: top;
        }
        50%{
            transform: rotate(10deg);
            transform-origin: top;
        }
        100% {
            transform: rotate(0deg);
            transform-origin: top;
        }
      }

      .bg-film-crew .carton-3 {
        position: absolute;
        top:63%;
        left: 4%;
        width: 10%;
        animation: shapePluse 6s linear infinite;
    }
    @keyframes shapePluse {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.2);
        }
        100% {
            transform: scale(1);
        }
    }
    .bg-film-crew .photo-sun-bg {
        position: absolute;
        top: 34%;
        left: 5%;
        height: 150px;
        width: 150px;
        animation:rotate 5s infinite linear;
    }
    @keyframes rotate {
        0% {
            transform:rotate(0);
        }
        100% {
            transform:rotate(360deg);
        }
    }
    .crew-image{
        position: absolute;
        right: 2%;
        width: 10%;
        top:40%;    
    }
    .crew-rightside-image{
        position: absolute;
        bottom: 5%;
        right: 2%;
        width: 8%;
        animation:wobble 5s infinite linear;
    }
    @keyframes wobble {
        0% {
        
          transform: none;
        }
        15% {
         
          transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        }
        30% {
          
          transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        }
        45% {
        
          transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        }
        60% {
          
          transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        }
        75% {
    
          transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        }
        100% {
        
          transform: none;
        }
      }


  /*.........................film-crew-detail page css........................*/

.film-detail-image {
   
    height: 450px;
    width: 420px;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
}
.bg-film-detail {
    position: relative;
    overflow: hidden;
    padding: 100px 0px;
}
.film-detail-image img{
    width:100%;
    height: 100%;
    border-radius:6px;
}
.film-crew-image-info ul{
    padding:14px 6px!important;
}
.film-crew-image-info ul li{
    display: flex;
    align-items:center;
    margin-bottom:8px;
}

.film-crew-image-info ul li h6{
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 700;
    width: 14%;
    margin: 0px;
}
.film-crew-image-info ul li span{
    width: 30%;
    margin-left: 20px;
    font-size:18px;
    font-weight:500;
    text-transform:capitalize;
}
.film-right-title h4{
    text-transform: capitalize;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #3070b8;
}
.film-right-info {
    padding-left: 14px;
    box-shadow: 0px 0px 15px 5px lightgray;
    padding: 40px 40px 20px 70px;
    border-radius: 10px;
    margin-left: -50px;
}
.film-detail-main {
    position: relative;
}
.film-right-discription h4{
    text-transform: capitalize;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-bottom:8px;
}
.film-right-discription p{
    text-align:justify;
    line-height:1.8;
    font-size:16px;
}
.bg-personal-film {
    position: relative;
    margin-top: 50px;
}
.film-detail-title {
    position: relative;
    margin: 0 auto 15px auto;
    text-align: center;
    font-weight: 500;
    color: #428beb;
}

.film-detail-title h1 {
    display: inline-block;
    position: relative;
    color: #03A9F4;
}
.film-detail-title h1::before {
	content: "";
    position: absolute;
    height: 5px;
    left: 15%;
    top: 50px;
    width: 30%;
    border-top: 5px solid #6dbe4b;
    display: inline-block;
}
.film-detail-title h1::after {
    content: "";
    position: absolute;
    height: 5px;
    right: 15%;
    top: 50px;
    width: 30%;
    border-top: 5px solid #6dbe4b;
    display: inline-block;
}
.personal-film-listing .worldfocus-list {
    margin-right: 10px;
}
.crew-teddy-bg {
    position: absolute;
    top: 5%;
    left: 2%;
    width: 8%;
    animation: move-teddy 2s infinite alternate;
}
.crew-teddy1-bg {
    position: absolute;
    right: 2%;
    top: 5%;
    animation: wobble-teddy2 3s infinite alternate;
    width: 10%;
}
.crew-teddy2 {
    position: absolute;
    top: 40%;
    left: 5%;
    width: 5%;
    animation: shapePluse 3s infinite alternate;
}
.crew-teddy3 {
    position: absolute;
    bottom: 15%;
    left: 2%;
    width: 8%;
    animation: top-shake 5s infinite alternate;
}
.crew-film-teddy {
    position: absolute;
    right: 2%;
    top: 50%;
    width: 9%;
    animation: baloon-teddy 3s infinite alternate;
}
.crew-teddy4 {
    position: absolute;
    right: 2%;
    top: 40%;
    width: 10%;
}
.film-detail-teddy {
    position: absolute;
    top: 0;
    right: 25%;
    width: 6%;
}
.crew-social-media {
    vertical-align: middle;
    margin-left: 20px;
}
.film-crew-image-info .crew-social-media {
    padding: 0 !important;
}
.crew-social-media a {
    text-align: center;
    font-size: 18px;
    padding-right: 10px;
    margin-right: 10px;
}
.crew-social-media i {
    color: #2a459a;
}
.crew-website-link a {
    text-align: center;
    font-size: 18px;
}
.crew-website-link i {
    color: #2a459a;
}
/* Register page Film Festival css*/

.filmfestival-register {
    padding: 100px 0;
    overflow: hidden;
    position: relative;
}
.film-form-title {
    margin-bottom: 15px;
    text-align: center;
}
.film-form-title h2 {
    font-weight: 700;
    font-size: 35px;
    display: inline-block;
    color: #03A9F4;
    position: relative;
    border-bottom: 2px dashed #9C27B0;
}
.film-slider .worldfocus-list {
    min-height: 400px;
    height: 100%;
}
.film-slider .worldfocus-list:hover {
    border: 1px solid transparent;
    box-shadow: 0px 5px 3px lightgray;
}
.film-slider .prev-arrow6 {
    position: absolute;
    bottom: 50%;
    left: -5%;
}
.film-slider .next-arrow6 {
    position: absolute;
    bottom: 50%;
    right: -5%;
}
.register-input {
    margin-bottom: 20px;
}
.register-input label{
    text-transform: capitalize;
    font-weight: 600;
    font-size: 18px;
    display: block;
    margin-bottom: 8px;
}
.register-input input{
    width: 100%;
    height: 45px;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    /* background: rgb(86 196 241 / 30%); */
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.register-input select{
    width: 100%;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    /* background: rgb(86 196 241 / 30%); */
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.register-input textarea {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    /* background: rgb(86 196 241 / 30%); */
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.register-input input:focus , .register-input textarea:focus , .register-input select:focus{
    border:1px solid #3F51B5;
    /* background:transparent; */
}
.register-btn {
    margin: 20px 0;
    width: 20%;
}
.register-btn .button {
    width: 100%;
}
.login-information {
    margin: 20px auto;
    position: relative;
}

.login-information .film-form-title h2 {
    border-bottom: none;
}
.login-information .film-form-title h2::before {
    content: "";
    position: absolute;
    left: 10%;
    top: 45px;
    border: 2px solid #6dbe4b;
    width: 30px;
    height: 1%;
}
.login-information .film-form-title h2::after {
    content: "";
    position: absolute;
    width: 30px;
    right: 5%;
    top: 45px;
    border: 2px solid #6dbe4b;
}
.bike-teddy {
    position: absolute;
    width: 16%;
    top: 1%;
    right: 0%;
}
.festival-teddy1 {
    position: absolute;
    top: 5%;
    left: 4%;
    width: 7%;
    animation: move-teddy 1s infinite alternate-reverse;
}
.festival-teddy2 {
    position: absolute;
    top: 45%;
    left: 2%;
    width: 8%;
    animation: wobble-teddy2 5s infinite alternate;
}
.festival-teddy3 {
    position: absolute;
    top: 35%;
    right: 2%;
    width: 6%;
    animation: baloon-teddy 5s infinite alternate;
}
.festival-pen {
    position: absolute;
    top: 2%;
    left: 50%;
}
.festival-teddy4 {
    position: absolute;
    right: 1%;
    bottom: 10%;
    width: 10%;
    animation: move-teddy 1s infinite alternate-reverse;
}
.festival-plane {
    position: absolute;
    width: 8%;
    animation: festival-plane 10s infinite alternate;
    z-index: -1;
    opacity: 0.8;
}
.festival-teddy5 {
    position: absolute;
    left: 60%;
    top: 0;
    width: 6%;
}
.festival-star {
    position: absolute;
    bottom: 15%;
    width: 5%;
    left: 2%;
}

@keyframes move-teddy {
    from {
        transform: translateX(20px);
    }
    to {
        transform: translateX(-20px);
    }
}

@keyframes wobble-teddy2 {
	0%,
	100% {
		transform: translateX(0%);
		transform-origin: 50% 50%;
	}

	15% {
		transform: translateX(-30px) rotate(-6deg);
	}

	30% {
		transform: translateX(15px) rotate(6deg);
	}

	45% {
		transform: translateX(-15px) rotate(-3.6deg);
	}

	60% {
		transform: translateX(9px) rotate(2.4deg);
	}

	75% {
		transform: translateX(-6px) rotate(-1.2deg);
	}
}

@keyframes baloon-teddy {
    0% {
        transform: translateY(10%);
    }
    25% {
        transform: translateY(-10%);
    }
    50% {
        transform: translateY(20%);
    }
    75% {
        transform: translateY(-20%);
    }
    100% {
        transform: translateY(10%);
    }
}

@keyframes festival-plane {
    from {
        left: 0;
        top: 70%;
    }
    to {
        left: 90%;
        top: 50%;
    }
}

/* login page css  */
.film-login {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}
.login-img-film {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.login-img-film img {
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
    height: 100%;
}
.film-login label {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 18px;
    display: block;
}
.film-login .re-name input:focus {
    border: 1px solid #3F51B5;
}
.re-name span {
    color: #3ab0e4;
    top: 60%;
    transform: translateY(-50%);
}
.film-login .re-name input {
    height: 45px;
}
button.grow_spin {
    background-color: #2b4a9d;
}
button.grow_spin:hover {
    background-color: #359fcf;
}
.login-form h2 {
    color: #327cc0;
}
.ac-link a {
    color: #3382c4;
}
.login-details .film-crew-btn {
    width: 30%;
    margin: 0 auto 20px auto;
}
.film-login-teddy {
    position: absolute;
    width: 5%;
    animation: plan 10s infinite alternate;
}
.film-login-teddy1 {
    position: absolute;
    top: 3%;
    left: 2%;
    width: 8%;
    animation: top-shake 3s infinite alternate;
}
.film-login-teddy2 {
    position: absolute;
    bottom: 30%;
    left: 10%;
    width: 10%;
    animation: baloon-teddy 3s infinite alternate;
}
.film-login-teddy3 {
    position: absolute;
    right: 2%;
    bottom: 15%;
    width: 5%;
    animation: rotate 3s infinite alternate;
}
.film-login-teddy4 {
    position: absolute;
    top: 40%;
    right: 8%;
    width: 6%;
    animation: wobble 5s infinite alternate;
}
.film-login .row {
    justify-content: center;
}

.bor-der {
    border: unset;
    border-radius: 10px;
}
/* filmfestival cart css */
.film-cart-section {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
}
.delete-icon i{
    color: #ed1c24;
    font-size: 17px;
    cursor: pointer;
}
.film-cart-teddy {
    position: absolute;
    top: 2%;
    right: 2%;
    width: 5%;
    animation: rotate 8s infinite alternate-reverse;
}
.cart-table {
    margin-bottom: 30px;
}
.cart-table td , .cart-table th{
    padding: 20px 15px !important;
    vertical-align: middle;
}
.total-amount { 
    padding: 25px 30px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px #cfcbcb;
    background-color: #c1e4f36b;
}
.total-amount h3 {
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: 2px dashed #8BC34A;
}
.total-amount h4 {
    font-weight: 700;
    margin: 20px 0;
    font-size: 19px;
}
.buy-btn a , .pay-btn a {
    color: #fff;
}
.buy-btn button{
    width: 100%;
    background-color: #03A9F4;
    border: 2px solid #03A9F4;
    font-weight: 600;
    padding: 10px 20px;
    color: #ffff;
}
.buy-btn button:hover {
    background-color: transparent;
    border: 2px solid #03A9F4;
}
.buy-btn>button:hover a , .pay-btn>button:hover a {
    color: #000;
}

.pay-btn button {
    width: 100%;
    background-color: #3bb869;
    color: #ffff;
    border: 2px solid #3bb869;
    padding: 10px 20px;
    margin-top: 20px;
    font-weight: 600;
}
.pay-btn button:hover {
    background-color: transparent;
    border: 2px solid #3bb869;
}
.pay-btn i , .buy-btn i{
    padding: 0 15px;
}
.film-cart-teddy2 {
    position: absolute;
    left: 2%;
    top: 5%;
    width: 10%;
    animation: baloon-teddy 2s infinite alternate;
}
.film-cart-teddy3 {
    position: absolute;
    top: 45%;
    left: 3%;
    width: 10%;
    animation: wobble 3s infinite alternate;
}
.film-cart-teddy4 {
    position: absolute;
    top: 30%;
    right: 2%;
    width: 6%;
    animation: right-shake-teddy 5s infinite alternate;
}
.film-cart-teddy5 {
    position: absolute;
    bottom: 10%;
    right: 2%;
    width: 6%;
    animation: move-teddy 3s infinite alternate;
}
.film-cart-teddy6 {
    position: absolute;
    left: 50%;
    z-index: 1;
    top: 2%;
    width: 3%;
}
.amt-teddy {
    width: 40%;
    animation: amt-plan 2s infinite alternate;
}
@keyframes amt-plan {
    0% {
        transform: translate(-50%,50%);
    }
    100% {
        transform: translate(0% , 0%) ;
    }
}

/*indigenous-section page css*/

.indigenous-section , .international-section , .made-by-kids-section , .worldfocus-section{
	position: relative;
	padding: 100px 0;
	overflow: hidden;
}
.festival-form-title {
    text-align: center;
    margin-bottom: 20px;
}
.festival-form-title h1 {
    font-weight: 800;
    font-size: 45px;
    display: inline-block;
    color: #3f51b5;
    border-bottom: 3px dashed #4CAF50;
}
.worldfocus-list {
	position: relative;
	overflow: hidden;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    margin-bottom: 25px;
    transition: all 0.5s;
    width: 100%;
}
.worldfocus-img {
    position: relative;
	height: 300px;
	overflow: hidden;
	border-bottom-right-radius: 25px;
}
.worldfocus-img img {

	height: 100%;
	object-fit: cover;
	transition: all 1s;
}
.worldfocus-info {
	padding:0 20px 8px;
}
.info-list {
	position: absolute;
    padding: 10px 0 !important;
    bottom: 0%;
    margin: 0 auto;
    background:#46b74cfc;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70%;
    color: #ffff;
    font-size: 16px;
    gap: 20px;
    transition: all 0.5s;
}
.info-list a , .info-list a:hover{
	color: #ffff;
}
.worldfocus-list:hover .info-list {
	box-shadow: 0px 1px 10px #898686;
}
.movie-detail {
	text-align: center;
    margin-top: 20px;
}
.movie-type {
    padding-left: 0px;
}
.movie-type h4 {
    font-weight: 700;
    font-size: 18px;
    text-transform: capitalize;
    color: #000;
}
.movie-type i {
	font-size: 30px;
	color:  #4CAF50;
}
.movie-type h5 {
    font-size: 16px;
}

.worldfocus-list:hover .worldfocus-img img{
	transform: scale(1.1);
}
.worldfocus-list:hover {
	border: 1px solid transparent;
	box-shadow: 0 40px 44px 0 rgba(102,102,102,.09),
	 0 40px 44px 0 rgba(102,102,102,.09);
}

.indigenous-teddy {
	position: absolute;
	top: 0%;
	right: 1%;
	width: 7%;
	animation:  rotate-bg 1s infinite alternate;

}
.indigenous-teddy2 {
	position: absolute;
	top: 50%;
	left: 2%;
	width: 8%;
	/* animation:  rotate-bg 1s infinite alternate; */
}
.indigenous-teddy3 {
	position: absolute;
	top: 5%;
	left: 1%;
	transform: rotateY(180deg);
	width: 10%;
}
.indigenous-teddy4 {
	position: absolute;
	bottom: 0;
	right: 2%;
	width: 8%;
	animation: horse-bg1 3s infinite alternate-reverse;
}
.indigenous-teddy5 {
	position: absolute;
	top: 50%;
	right: 1%;
	width: 5%;
}

@keyframes horse-bg1 {
	from {
		bottom: 0%;
	}
	to {
		bottom: 5%;
	}
}
/* indigenous-detail-section page css */
.indigenous-detail-section , .international-detail-section , .madeby-kids-detail-section , .worldfocus-detail-section{
	position: relative;
	padding: 70px 0;
    overflow: hidden;
}
.cast-and-credits-tab .tab-content{
    display: block;
}
.cast-and-credits-tab .nav {
	justify-content: center;
}
.cast-and-credits-tab .nav-pills .nav-link {
	padding: 10px 50px;
	box-shadow: 0 2px 10px 0 #d8dde6;
    font-size: 20px;
    font-weight: 800;
    border-radius: 5px;
    margin: 10px;
    color: #32a7cd;
}
.cast-and-credits-tab .nav-pills .nav-link.active {
    background: linear-gradient(90deg, #3DC7F4 0%, #2A4499 100%);
}
.worldfocus-detail-bg {
	height: 500px;
}
.worldfocus-detail-bg img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.world-film-title {
	padding-bottom: 50px;	
}

.world-detail-img {
	height: 480px;
	border-radius: 10px;
}
.world-detail-img img {
	height: 100%;
	width: 100%;
	border-radius: 10px;
	object-fit: cover;
	object-position: top;
}

.world-film-information {
	position: relative;
	margin-top: 30px;
	background-color: #F5F5F5;
	border-radius: 10px;
	padding: 20px;
}
.world-film-information>h4 {
	margin: 10px auto;
	text-align: center;
	color: #47b84d;
	font-size: 30px;
	border-bottom: 2px dashed #2a479b;
    padding: 5px 0;
}
.movie-info {
	display: flex;
	align-items: center;
	gap: 20px;
	margin: 15px auto;
	/*border-bottom: 1px dotted #9ebdc9;*/
	padding: 10px 0;
}
.movie-info h5 {
	font-weight: 700;
}
.worldfocus-desc-title {
	margin: 0 auto 30px auto;
	text-align: center;
}
.worldfocus-desc-title h2 {
	font-weight: 800;
	font-size: 40px;
	color: #4CAF50;
    position: relative;
    display: inline-block;
}
.worldfocus-desc-title h2::before {
	content: "";
    position: absolute;
    height: 5px;
    left: 0%;
    top: 50px;
    /* border-left: 80px solid #804091; */
    width: 42%;
    border-top: 5px solid #03A9F4;
    display: inline-block;
}
.worldfocus-desc-title h2::after {
    content: "";
    position: absolute;
    height: 5px;
    right: 0%;
    top: 50px;
    /* border-right: 80px solid #804091; */
    width: 42%;
    border-top: 5px solid #03A9F4;
    display: inline-block;
}

.film-type {
	margin-top: 30px;
}
.film-type i {
	font-size: 25px;
	color: #47b84d;
}
.film-type > h4 {
	color: #2d56a5;
    font-weight: 600;
}
.release-date {
	display: flex;
	justify-content: flex-start;
	gap: 15px;
}
.info-icon {
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
	background-color: #ffff;
	color: #2196f3;
    font-size: 20px;
}
.worldfocus-desc {
	margin-top: 30px;
}
.worldfocus-desc>p {
	line-height: 32px;
	margin-bottom: 5px !important;
    text-align: justify;
}
.film-detail-teddy1 {
	position: absolute;
	top: 2%;
	left: 1%;
	width: 10%;
	animation: wobble-teddy2 2s infinite;
}
.film-detail-teddy2 {
	position: absolute;
	bottom: 10%;
	right: 1%;
	width: 8%;
	animation: horse-bg1 1s infinite alternate;
}
.film-detail-teddy3 {
	position: absolute;
	top: 55%;
	right: 2%;
	width: 10%;
}
.film-sun {
	position: absolute;
	top: 20%;
	right: 2%;
	width: 4%;
	animation: moving-butterfly 12s infinite alternate-reverse;
}
.film-detail-teddy4 {
	position: absolute;
	top: 30%;
	left: 2%;
	width: 10%;
	animation: rotate-teddy-bg  1s infinite alternate;
}
.film-star {
	position: absolute;
	bottom: 20%;
	right: 2%;
	width: 6%;
}
.indigenous-detail-section .destination-icon {
    width: 10%;
}

.indigenous-car {
    position: absolute;
    top: 50%;
    left: 3%;
    transform: rotateY(180deg);
    width: 10%;
}
.indigenous-star {
    position: absolute;
    bottom: 0%;
    right: 30%;
    width: 6%;
}
.indigenous-detail-teddy3 {
    position: absolute;
    top: 70%;
    right: 2%;
    width: 10%;
}

.cast-credit-head{
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-align:center;
    margin: 30px auto;
    position: relative;
    color: #03A9F4;
}
.form-listing {
	margin-bottom: 50px;
}

.film-crew-input input:focus , .film-crew-input select:focus {
    border:1px solid #3F51B5;
    background:transparent;
}
.cast-title {
	margin-bottom: 30px;
	color: #0a76a3;
    font-size: 32px;
}
.cast-credit-head h2 {
	display: inline-block;
	position: relative;
    font-weight: 700;
    font-size: 30px;
}
.cast-credit-head h2::before {
	content: "";
    position: absolute;
    height: 5px;
    left: 15%;
    top: 50px;
    width: 30%;
    border-top: 5px solid #6dbe4b;
    display: inline-block;
}
.cast-credit-head h2::after {
    content: "";
    position: absolute;
    height: 5px;
    right: 15%;
    top: 50px;
    width: 30%;
    border-top: 5px solid #6dbe4b;
    display: inline-block;
}
.cast-and-credits-tab .crew-listing-box a {
    cursor: unset;
}

.filmcar-teddy {
	position: absolute;
	top: 60%;
	left: 3%;
	transform: rotateY(180deg);
	width: 12%;
}
.filmbike-teddy {
	position: absolute;
	right: 3%;
	top: 40%;
	width: 10%;
}
.film-detail-teddy5 {
	position: absolute;
	bottom: 15%;
	left: 5%;
	width: 10%;
}
.film-social-media a {
    display: inline-block;
    padding: 0 10px;
    font-size: 18px;
    color: #2b4a9d;
}

/* international film festival css */
.international-teddy {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 8%;
}
.international-teddy2 {
    position: absolute;
    top: 2%;
    right: 5%;
    width: 8%;
}
.international-teddy3 {
    position: absolute;
    top: 40%;
    right: 2%;
    width: 10%;
    animation: baloon-teddy 5s infinite alternate;
}
.international-teddy4 {
    position: absolute;
    bottom: 10%;
    right: 2%;
    width: 7%;
}
.international-teddy5 {
    position: absolute;
    bottom: 30%;
    left: 2%;
    width: 10%;
}

/* international film festival detail  css*/
.international-detail-teddy1 {
    position: absolute;
    top: 30%;
    left: 1%;
    width: 10%;
    animation: baloon-teddy 5s infinite alternate;
}
.international-detail-teddy2 {
    position: absolute;
    top: 25%;
    right: 3%;
    width: 8%;
    animation: wobble-teddy2 3s infinite alternate;
}
.international-detail-teddy3 {
    position: absolute;
    top: 3%;
    left: 2%;
    width: 10%;
    animation: move-teddy 2s infinite alternate;
}
.international-sun {
    position: absolute;
    right: 25%;
    bottom: 0;
    width: 15%;
}
.international-detail-teddy4 {
    position: absolute;
    bottom: 10%;
    right: 2%;
    width: 8%;
    animation: wobble 3s infinite alternate;
}
.international-star {
    position: absolute;
    bottom: 35%;
    width: 8%;
    right: 2%;
}
.international-detail-teddy5 {
    position: absolute;
    bottom: 10%;
    left: 5%;
    width: 10%;
}
.internationalcar-teddy {
    position: absolute;
    top: 53%;
    left: 3%;
    transform: rotateY(180deg);
    width: 10%;
}
.filmarrow-teddy {
    position: absolute;
	right: 3%;
	top: 40%;
	width: 5%;
}

/* made by kids section css  */
.madebykids-teddy {
    position: absolute;
    top: 0%;
    left: 2%;
    width: 9%;
    animation: wobble 5s infinite alternate;
}
.madebykids-teddy2 {
    position: absolute;
    top: -5px;
    right: 2%;
    width: 8%;
    animation: swing-in-top-fwd 2s infinite alternate;
}
.madebykids-teddy3 {
    position: absolute;
    bottom: 20%;
    left: 2%;
    width: 8%;
    animation: shapePluse 2s infinite alternate;
}
.madebykids-teddy4 {

    position: absolute;
    top: 52%;
    right: 2%;
    width: 7%;
    animation: move-teddy 1s infinite alternate;
}


/* made by kids details page  css*/

.kids-detail-teddy1 {
    position: absolute;
    top: 30%;
    left: 2%;
    width: 10%;
}
.kids-detail-teddy3 {
    position: absolute;
    top: 0;
    left: 2%;
    width: 10%;
    animation: move-teddy 3s infinite alternate;
}
.kids-detail-teddy2 {
    position: absolute;
    top: 25%;
    right: 3%;
    width: 10%;
    animation: wobble-teddy2 3s infinite alternate;
}
.madebykids-car-teddy {
    position: absolute;
    top: 60%;
    left: 2%;
    width: 8%;
    animation: move-bike 3s infinite alternate;
}
.kids-cast-teddy {
    position: absolute;
    bottom: 0;
    right: 30%;
    width: 8%;
    animation: wobble 4s infinite alternate;
}
.kids-detail-teddy4 {
    position: absolute;
    bottom: 10%;
    right: 2%;
    width: 10%;
    animation: baloon-teddy 3s infinite alternate;
}
.madebykids-detail-teddy5 {
    position: absolute;
    bottom: 10%;
    width: 5%;
    left: 6%;
    animation: shapePluse 2s infinite alternate;
}
.madebykids-star {
    position: absolute;
    bottom: 35%;
    width: 8%;
    right: 2%;
}

@keyframes move-bike {
    from {
        top: 55%;
        transform: scale(0.8) translateX(15%);
    }
    to {
        top: 60%;
        transform: scale(1.1) translateX(-10%);
    }
}

/* national page  css */
.national-section {
    position: relative;
	padding: 100px 0;
	overflow: hidden;
}   

/* world focus page css */

.worldfocus-teddy {
	position: absolute;
	top: 5%;
	right: 1%;
	width: 10%;
}
.worldfocus-teddy2 {
	position: absolute;
	top: 50%;
	left: 2%;
	width: 10%;
	animation:  rotate-bg 1s infinite alternate;
}
.worldfocus-teddy3 {
	position: absolute;
	top: 5%;
	left: 1%;
	transform: rotateY(180deg);
	width: 10%;
}
.worldfocus-teddy4 {
	position: absolute;
	bottom: 0;
	right: 2%;
	width: 10%;
	animation: horse-bg1 3s infinite alternate-reverse;
}
.worldfocus-teddy5 {
	position: absolute;
	top: 40%;
	right: 1%;
	width: 8%;
}

/* world focus detail  css*/
.worldfocus-detail-teddy1 {
    position: absolute;
    top: 3%;
    left: 3%;
    width: 5%;
    animation: rotate 10s infinite alternate;
}
.worldfocus-detail-teddy2 {
    position: absolute;
    top: 3%;
    right: 3%;
    width: 8%;
    animation: shapePluse 5s infinite alternate;
}
.worldfocuscar-teddy {
    position: absolute;
    top: 30%;
    right: 2%;
    width: 10%;
    animation: move-teddy 3s infinite alternate;
}
.worldfocus-detail-teddy3 {
    position: absolute;
    top: 50%;
    left: 3%;
    width: 10%;
}
.worldfocus-detail-teddy4 {
    position: absolute;
    top: 25%;
    left: 5%;
}
.worldfocus-cast-teddy2 {
    position: absolute;
    bottom: 0;
    right: 30%;
}
.worldfocus-cast-teddy {
    position: absolute;
    bottom: 20%;
    left: 3%;
    width: 6%;
    animation: wobble-teddy2 4s infinite alternate;
}
.worldfocus-detail-teddy {
    position: absolute;
    bottom: 5%;
    right: 1%;
    width: 6%;
}
.worldfocus-detail-teddy5 {
    position: absolute;
    right: 6%;
    width: 10%;
}
.national-teddy {
    position: absolute;
    top: 3%;
    left: 3%;
    width: 8%;
    animation: move-teddy 2s infinite alternate;
}
.national-teddy2 {
    position: absolute;
    right: 2%;
    top: 0;
    width: 9%;
}
.national-teddy3 {
    position: absolute;
    top: 45%;
    left: 3%;
    width: 10%;
    animation:  right-shake-teddy 3s infinite alternate;
}

@keyframes right-shake-teddy {
	0%,
	100% {
		transform: rotate(0deg);
		transform-origin: 100% 50%;
	}

	10% {
		transform: rotate(2deg);
	}

	20%,
	40%,
	60% {
		transform: rotate(-4deg);
	}

	30%,
	50%,
	70% {
		transform: rotate(4deg);
	}

	80% {
		transform: rotate(-2deg);
	}

	90% {
		transform: rotate(2deg);
	}
}
.national-teddy4 {
    position: absolute;
    bottom: 5%;
    right: 3%;
    width: 10%;
    animation:baloon-teddy  2s infinite alternate;
}

.national-teddy5 {
    position: absolute;
    top: 35%;
    right: 3%;
    width: 8%;
    animation: top-shake 5s infinite alternate;
}
@keyframes top-shake {
	0%,
	100% {
		transform: rotate(0deg);
		transform-origin: 50% 0;
	}

	10% {
		transform: rotate(2deg);
	}

	20%,
	40%,
	60% {
		transform: rotate(-4deg);
	}

	30%,
	50%,
	70% {
		transform: rotate(4deg);
	}

	80% {
		transform: rotate(-2deg);
	}

	90% {
		transform: rotate(2deg);
	}
}

/* National detail section  */
.national-detail-section {
    position: relative;
	padding: 70px 0;
    overflow: hidden;
}
.national-detail-section .world-detail-img img {
    object-position: top;
}
.national-detail-teddy1 {
    position: absolute;
    top: 3%;
    right: 3%;
    width: 8%;
    animation: right-shake-teddy 3s infinite alternate;
}
.national-detail-teddy2 {
    position: absolute;
    top: 3%;
    left: 3%;
    width: 10%;
    animation: move-teddy 3s infinite alternate;
}
.national-detail-teddy3 {
    position: absolute;
    top: 20%;
    right: 3%;
    width: 5%;
    animation: rotate 3s infinite alternate;
}
.national-detail-cast {
    position: absolute;
    top: -30px;
    right: 30%;
    width: 10%;
}
.national-detail-teddy4 {
    position: absolute;
    top: 50%;
    right: 3%;
    width: 10%;
    animation: move-bike 3s infinite alternate;
}
.national-icon {
    position: absolute;
    left: 1%;
    top: 60%;
    width: 15%;
}
.national-star {
    position: absolute;
    right: 2%;
    top: 40%;
}
.nationalbike-teddy {
    position: absolute;
    bottom: 10%;
    right: 2%;
    width: 8%;
    animation: move-teddy 3s infinite alternate;
}
.nationalcar-teddy {
    position: absolute;
    bottom: 15%;
    left: 1%;
    width: 8%;
    animation: baloon-teddy 3s infinite alternate;
}
.national-detail-teddy5 {
    position: absolute;
    top: 25%;
    left: 2%;
    width: 8%;
    animation: wobble-teddy2 2s infinite alternate;
}

/* Program and Schedule section css */
.program-schedule-section {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
}
.modal-input {
    margin-bottom: 20px;
}
.modal-header-img {
    width: 15%;
    margin: auto;
}
.modal-footer-bg {
    width: 15%;
    margin-right: auto !important;
}

.program-schedule-section .form-control:focus {
    border:1px solid #3F51B5 !important;
}
.program-schedule-section .fc-toolbar button {
    position: relative;
    background: #2354dd;
    color: #ffff;
    font-weight: 800;
    font-size: 20px;
    text-transform: capitalize;
}
.modal-input label {
    color: #193b5e;
    font-weight: 800;
    font-size: 19px;
}
.program-teddy {
    position: absolute;
    top: 5%;
    left: 2%;
    width: 10%;
    animation: move-teddy 2s infinite alternate;
}
.program-teddy2 {
    position: absolute;
    right: 2%;
    top: 5%;
    width: 9%;
    animation: swing-in-top-fwd 2s infinite alternate;
}
.program-teddy3 {
    position: absolute;
    top: 60%;
    left: 2%;
    width: 10%;
    animation: right-shake-teddy 8s infinite alternate;
}
.program-teddy4 {
    position: absolute;
    right: 2%;
    bottom: 10%;
    animation: top-shake 8s infinite alternate;
    width: 10%;
}
.program-teddy5 {
    position: absolute;
    top: 40%;
    right: 2%;
    width: 8%;
    animation: wobble-teddy2 2s infinite alternate;
}
.program-sun {
    position: absolute;
    top: 30%;
    left: 2%;
    width: 5%;
    animation: shapePluse 2s infinite alternate;
}

/* Academy member suggestion css */
.member-suggestion-section {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}
.aacadamy-section {
    padding: 0;
    position: relative;
}
.aacadamy-section form {
    width: 65%;
    margin: auto;
    background-color: #337fc21c;
}
.suggestion-form-btn button {
    background-color: #2a4499;
}
.suggestion-more-btn a {
    color: #fff!important;
    background: #2196F3;
}
.suggestion-input select:focus , .suggestion-input input:focus {
    border: 1px solid #3F51B5;
}
.member-suggestion-section .film-crew-input i {
    color: #2a459a;
    padding-left: 5px;
}
.member-suggestion-section .suggestion-form-btn button {
    border-radius: 4px;
}
.member-suggestion-section .suggestion-more-btn a {
    border-radius: 4px;
}
.member-suggestion-section .aacadamy-section-text h4 {
    font-size: 18px;
}
.member-teddy {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 8%;
    animation: wobble 5s infinite alternate;
}
.member-teddy1 {
    position: absolute;
    width: 10%;
    left: 3%;
    animation: move-bike 2s infinite alternate;
}
.member-teddy2 {
    position: absolute;
    top: 0;
    right: 2%;
    width: 10%;
    animation: move-teddy 3s infinite alternate;
}
.member-teddy3 {
    position: absolute;
    bottom: 20%;
    right: 2%;
    width: 10%;
    animation: swing-in-top-fwd 3s infinite alternate;
}
.member-arrow-bg {
    position: absolute;
    right: 20%;
    bottom: 10px;
    width: 10%;
}
.suggestion-form-btn {
    width: 30% !important;
    margin: 0 auto;
}
.suggestion-form-btn button {
    width: 100%;
    background-color: #56c4f1;
}


/* Magazine Section page css  */
.magazine-section {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}
.magazine-details .row {
    justify-content: center;
    align-items: center;
}
.magazine-section .magazine-details {
    padding: 0px;
    border-radius: 15px;
    background-color: transparent;
    margin-bottom: 30px;
}
.magazine-section .magazine-details label {
    font-size: 18px;
}
button.go-btn {
    width: 100%;
    background-color: #2196F3;
}
.magazine-teddy {
    position: absolute;
    top: 5%;
    right: 2%;
    width: 5%;
    animation: rotate 3s infinite alternate-reverse;
}
.magazine-teddy1 {
    position: absolute;
    top: -5px;
    left: 2%;
    width: 9%;
    animation: swing-in-top-fwd 2s infinite alternate;
}
.magazine-teddy2 {
    position: absolute;
    width: 8%;
    left: 2%;
    animation: move-bike 3s infinite alternate;
}
.magazine-teddy3 {
    position: absolute;
    right: 2%;
    bottom: 10%;
    width: 10%;
    animation: wobble-teddy2 5s infinite alternate;
}
.magazine-details .select-drop select {
    padding: 10px;
}
.magazine-info {
    position: relative;
	overflow: hidden;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    margin-bottom: 25px;
    transition: all 0.5s;
    width: 100%;
}
.magazine-info:hover {
	border: 1px solid transparent;
	box-shadow: 0 40px 44px 0 rgba(102,102,102,.09),
	 0 40px 44px 0 rgba(102,102,102,.09);
}
.magazine-img {
    position: relative;
    height: 300px;
    overflow: hidden;
    border-bottom-right-radius: 25px;
    border-bottom: 1px solid #d4d4d4;
}
.magazine-img img {
    height: 100%;
	object-fit: cover;
	transition: all 1.5s;
}
.magazine-info:hover .magazine-img img {
    transform: scale(1.1);
}
.magazine-content {
    width: 100%;
    text-align: center;
    padding:20px 8px;
}
.magazine-content a {
    color: #000;
}
.magazine-content i {
    padding-right: 10px;
    font-size: 20px;
    color: #2b4b9e;
}
.magazine-content:hover a {
    color: #000;
}
.upload-date {
    position: absolute;
    padding: 10px 0 !important;
    bottom: 0%;
    margin: 0 auto;
    background:#46b74cfc;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70%;
    color: #ffff;
    font-size: 16px;
    gap: 20px;
    transition: all 0.5s;
}
.upload-date a , .upload-date a:hover{
	color: #ffff;
}

/* sponsor-section page css  */
.sponsor-section {
    position: relative;
    overflow: hidden;
}
.Sponsor {
    background-color: transparent;
    padding: 100px 0 125px;
}
.Sponsor .slick-slide img {
    box-shadow: 0px 10px 10px 5px lightgray;
    /* border-top: 1px solid #f7eded; */
    border-top: 1px solid #f2f2f2;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.Sponsor .sp-bg {
    position: absolute;
    top: 10px;
    right: unset;
    left: 2%;
    animation: rotate 5s infinite alternate;
}
.Sponsor .film-title h2 {
    color: #2196F3;
}
.sp-teddy {
    position: absolute;
    top: 5%;
    right: 2%;
    width: 10%;
    animation: swing-in-top-fwd 3s infinite alternate;
}
.sp-teddy1 {
    position: absolute;
    bottom: 10%;
    right: 2%;
    width: 8%;
    animation: top-shake 2s infinite alternate;
}
.sp-teddy2 {
    position: absolute;
    top: 1%;
    left: 30%;
    width: 4%;
    animation: move-teddy 3s infinite alternate;
}
.sp-teddy3 {
    position: absolute;
    bottom: 15%;
    left: 3%;
    width: 8%;
    animation: wobble-teddy2 3s infinite alternate;
}

/* FAQ page css  */
.help-section {
    overflow: hidden;
    position: relative;
    padding: 100px 0;
}
.train-faq {
    padding: 0;
    position: unset;
}
.help-section .film-title h2 {
    color: #2196F3;
}
.help-teddy {
    position: absolute;
    top: 1%;
    left: 6%;
    width: 8%;
    animation: move-teddy 2s infinite alternate;
}
.help-teddy-2 {
    position: absolute;
    bottom: 15%;
    right: 2%;
    width: 8%;
    animation: shapePluse 2s infinite alternate;
}
.help-teddy-1 {
    position: absolute;
    top: 5%;
    right: 2%;
    animation: wobble 3s infinite alternate;
}
.help-teddy-3 {
    position: absolute;
    width: 10%;
    left: 3%;
    animation: move-bike 3s infinite alternate;
}

/* team page css  */
.team-section {
    padding: 100px 0 50px;
    position: relative;
    overflow: hidden;
}
.team-teddy {
    position: absolute;
    top: 5%;
    left: 2%;
    width: 10%;
}
.team-teddy2 {
    position: absolute;
    top: 40%;
    left: 2%;
    width: 8%;
    animation: wobble 3s infinite alternate;
}
.team-teddy3 {
    position: absolute;
    top: 45%;
    right: 2%;
    width: 10%;
    animation: baloon-teddy 4s infinite alternate;
}
.team-teddy4 {
    position: absolute;
    bottom: 10%;
    left: 2%;
    width: 10%;
    animation: right-shake-teddy 5s infinite alternate;
}

/* team deatil section page css */
.team-detail-section {
    padding: 80px 0;
    position: relative;
}
.team-detail-main {
    position: relative;
}
.team-detail-img {
    position: relative;
    /* height: 400px; */
    width:100%;
    border-radius: 8px;
    border: 14px solid #ffffff;
    box-shadow: 0px 0px 10px 0px #c7c1c1;
}
.team-detail-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.team-social-links {
    width: 60px;
    position: absolute;
    top: 20px;
    left: -10px;
    background: #ffffff;
    padding: 8px !important;
}
.team-social-links a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #03A9F4;
    color: #ffffff;
    margin: 3px 0;
    font-size: 18px;
}
.team-detail-desc {
    margin-bottom: 30px;
    text-align: justify;
    height: 100%;
    overflow: auto;
}
.team-detail-info h3 {
    font-weight: 700;
    text-transform: capitalize;
    color: #2a469b;
}
.team-detail-desc p {
    margin-bottom: 8px !important;
    line-height: 30px;
}
/* .team-detail-desc p:nth-child(4) {
    display: inline-block;
} */
.desc-title {
    margin-bottom: 10px;
    padding-left: 10px;
}
.desc-title h1 {
    font-size: 40px;
    font-weight: 600;
    color: #2a469b;
    position: relative;
    display: inline-block;
}
.desc-title h1::before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    left: -10px;
    border-left: 5px solid #4CAF50;
}
.team-detail-info {
    box-shadow: 3px 5px 10px #d4d4d4;
    padding: 50px;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: -39px;
    background-color: #c1e4f3;
    height: 70%;
    /* overflow: auto; */
}

.team-dot {
    top: 20%;
    left: 100%;
    position: absolute;
    height: 15px;
    width: 15px;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #2196F3;
    background: #03A9F4;
    z-index: 1;
}
.team-dot2 {
    bottom: 20%;
    left: 100%;
    position: absolute;
    height: 15px;
    width: 15px;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #2196F3;
    background: #03A9F4;
    z-index: 1;
}
.team-dot3 {
    top: 5%;
    right: 1%;
    position: absolute;
    height: 15px;
    width: 15px;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #2196F3;
    background: #03A9F4;
}
.team-dot4 {
    bottom: 5%;
    right: 1%;
    position: absolute;
    height: 15px;
    width: 15px;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #2196F3;
    background: #03A9F4;
}
.team-gallery {
    margin: 50px auto;
    position: relative;
}
.moretext {
    display: none;
}
  
.play-btn {
	opacity: 0;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    font-size: 18px;
    color: #29abe1;
    background-color: #ffff;
    z-index: 2;
    transition: all 1s;
}
.photo-img {
	margin-bottom: 20px;
	height: 250px;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}
.photo-img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: all 1s;
}
.photo-img:hover img{
	filter: grayscale(50%);
	transform: scale(1.1);
}
.video-img {
	height: 250px;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}
.video-img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.video-img a::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #0a153d;
	opacity: 0.5;
	transform: scale(0);
	border-radius: 10px;
	transition: all 0.5s;
}
.video-img:hover a::after {
	transform: scale(1.0);
}
.video-img .play-btn {
	transition: all 0.5s;
}
.video-img:hover .play-btn {
	opacity: 1;
	background-color: #03a9f4;
	color: #ffff;
}

.team-detail-teddy {
    position: absolute;
    top: 5%;
    left: 2%;
    width: 10%;
    animation: move-teddy 3s infinite alternate;
}
.team-detail-teddy1 {
    position: absolute;
    right: 1%;
    top: 5%;
    width: 8%;
}
.team-detail-teddy2 {
    position: absolute;
    right: 1%;
    top: 45%;
    width: 8%;
    animation: wobble-teddy2 3s infinite alternate;
}
.team-detail-teddy3 {
    position: absolute;
    bottom: 10%;
    left: 2%;
    animation: shapePluse 1s infinite alternate;
}
.team-detail-teddy4 {
    position: absolute;
    top: 50%;
    left: 2%;
    width: 6%;
    animation: baloon-teddy 3s infinite alternate;
}
.info-teddy {
    position: absolute;
    top: 0;
    right: 0;
}
.audio-list {
    background-color: #ececec;
    border-radius: 10px;
    box-shadow: 0px 2px 5px lightgray;
    padding: 20px;
    margin-bottom: 20px;
}
.audio-list h5 {
    color: #3F51B5;
    font-weight: 700;
}

/* Contact us page css  */
.contact-us-section {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}
.contact-details {
    background-color: #ebebeb;
    border-radius: 10px;
    padding: 40px;
    position: relative;
    /* box-shadow: 0px 3px 15px #bfbaba; */
}
.contact-details .film-crew-btn {
    text-align: center;
}
.contact-details .button {
    width: 30%;
    margin: auto;
}
.contact-details .button::before, .contact-details .button::after {
    width: 100%;
    top: 0;
}
.contact-details .register-input textarea:focus {
    background: transparent;
}
.contact-us-section h3 {
    border-bottom: none;
    border-left: 4px solid #3F51B5;
    padding-left: 10px;
    color: #26a6de;
}
.contact-teddy {
    position: absolute;
    top: 10px;
    right: 10px;
}
.contact-teddy1 {
    position: absolute;
    top: 5%;
    right: 2%;
    width: 8%;
    animation: top-shake 6s infinite alternate;
}
.contact-teddy2 {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 7%;
    animation: wobble-teddy2 3s infinite alternate;
}
.contact-teddy3 {
    position: absolute;
    bottom: 15%;
    right: 3%;
    animation: right-shake-teddy 5s infinite alternate;
}
.contact-teddy4 {
    position: absolute;
    bottom: 10%;
    left: 2%;
    width: 8%;
    animation: baloon-teddy 5s infinite alternate;
}

/* Judges page css  */
.judges-section {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}
.judges-section .bg-listing-crew {
    padding: 0 0 0px 0px;
}
.judges-teddy {
    position: absolute;
    top: -5px;
    right: 2%;
    width: 8%;
    animation: swing-in-top-fwd 3s infinite alternate;
}
.judges-teddy1 {
    position: absolute;
    top: 10%;
    left: 2%;
    width: 8%;
    animation: baloon-teddy 3s infinite alternate;
}
.judges-teddy2 {
    position: absolute;
    bottom: 15%;
    left: 2%;
    width: 10%;
}

/*...... sponsors page ..... */
.sponsor-section .exhibitors-main ul.tabs li.current {
    background: linear-gradient(90deg, #3DC7F4 0%, #2A4499 100%);
    color: #fff;
    position: relative;
}
.sponsor-section .exhibitors-main ul.tabs li.current::after {
    display: none;
}

.sponsor-section .Plati-first a {
    text-transform: capitalize;
}

/* Sponsors Inquiry page css  */
.sp-inquiry-section {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}
.inquiry-title {
    margin-bottom: 30px;
    text-align: center;
}
.inquiry-title h3{
    font-weight: 600;
    color: #0184bf;
    font-size: 30px;
    text-transform: capitalize;
    border-bottom: 2px dashed #4CAF50;
    display: inline-block;
}
.sp-inquiry-section .film-crew-input {
    margin-bottom: 20px;
}
.sp-inquiry-section .film-crew-input input , .sp-inquiry-section .register-input textarea {
    background-color: #f7f7f7;
}
.sp-inquiry-section .film-crew-btn {
    width: 20%;
}
.inquiry-form {
    border-radius: 10px;
}
.inquiry-teddy {
    position: absolute;
    top: 5%;
    right: 2%;
    width: 10%;
    animation: wobble-teddy2 3s infinite alternate;
}
.inquiry-teddy1 {
    position: absolute;
    width: 10%;
    left: 5%;
    animation: move-bike 3s infinite alternate;
}
.inquiry-teddy2 {
    position: absolute;
    width: 10%;
    right: 2%;
    bottom: 15%;
    animation: move-teddy 3s infinite alternate;
}
.inquiry-teddy3 {
    position: absolute;
    top: 2%;
    left: 50%;
    width: 4%;
    transform: translateX(-50%);
}
.inquiry-teddy4 {
    position: absolute;
    top: 10%;
    left: 5%;
}


/* event film festival page css  */
.events-filmfestival-section {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}
.events-filmfestival-section .event-detail {
    text-align: center;
}
.events-filmfestival-section .ev-calender {
    background: #47b84d;
}
.events-filmfestival-section .ev-calender:after {
    border-top: 15px solid #47b84d;
}
.film-event-teddy {
    position: absolute;
    top: 5%;
    right: 2%;
    width: 6%;
    animation: rotate 4s infinite alternate;
}
.film-event-teddy1 {
    position: absolute;
    top: 10%;
    left: 2%;
    animation: wobble 3s infinite alternate;
}
.film-event-teddy2 {
    position: absolute;
    top: 40%;
    left: 5%;
    width:9%;
    animation: amt-plan 3s infinite alternate;
}
.film-event-teddy3 {
    position: absolute;
    bottom: 10%;
    right: 2%;
    width: 8%;
    animation: baloon-teddy 3s infinite alternate;
}
.film-event-teddy4 {
    position: absolute;
    top: 40%;
    right: 2%;
    width: 10%;
    animation: shapePluse 3s infinite alternate;
}
.film-event-teddy5 {
    position: absolute;
    bottom: 5%;
    left: 2%;

}

/* Event detail film festival page css  */
.film-event-detail {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}
.film-event-detail .film-crew-btn {
    width: 25%;
    margin-left: auto;
}
.film-event-detail .events-info {
    border-top: 3px solid #2196F3;
}
.film-event-detail .events-info h4:before {
    background-color: #2196F3;
}
.film-event-detail .ev-calender {
    background: #47b84d;
}
.film-event-detail .ev-calender:after {
    border-top: 15px solid #47b84d;
}
.film-event-detail .event-detail h3 a:hover {
    color: #3278bd;
}
.film-event-detail .event-ticket h2 {
    color: #3489c9;
}
.event-icon {
    margin: 20px 0px;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}
.event-icon div{
    position: relative;
}
.event-icon>div::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 70px;
    border-right: 1px solid lightgray;
}
.event-icon>div:last-child::after {
    border-right: 1px solid transparent;
}
.event-detail-teddy1 {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 8%;
}
.event-detail-teddy2 {
    position: absolute;
    right: 2%;
    top: 50%;
    width: 8%;
    animation: move-teddy 2s infinite alternate;
}
.event-detail-teddy3 {
    position: absolute;
    right: 1%;
    top: 5%;
    width: 8%;
    animation: top-shake 3s infinite;
}
.event-detail-teddy4 {
    position: absolute;
    bottom: 20%;
    left: 2%;
    width: 8%;
    animation: baloon-teddy 2s infinite;
}
.event-detail-teddy5 {
    position: absolute;
    top: 40%;
    left: 5%;
}

/* home filmfestival page css  */
.film-home-section {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}
.film-home-section .k-Featured {
    background-image: none;
    background-color: transparent;
    padding: 0 20px 0 0;
}
.film-home-section .Featured {
    margin-bottom: 20px;
}
.film-home-section .k-Movie {
    padding: 80px 0 0 0 ;
}
.film-home-section .k-program {
    padding: 100px 0 0 0;
}
.film-home-section .Schedule {
    background-image: none;
    padding: 0;
}
.film-home-section .film-schedule {
    background-image: url(../image/bg-1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 60px;
}
.film-home-section .Schedule .row {
    align-items: flex-start;
}
.film-home-section .film-schedule .row {
    align-items: center;
}
.film-home-section .film-title h2 {
    color: #03A9F4;
    font-size: 30px;
}

.film-home-section .pto-title h2 {
    color: #03A9F4;
    font-size: 30px;
}
.film-home-section .pto-title p {
    text-align: justify;
}
.film-home-section  .events-info {
    border-top: 3px solid #2196F3;
    padding: 20px 20px;
}
.film-home-section .events-info h4:before {
    background-color: #2196F3;
}
.film-home-section .ev-calender {
    background: #47b84d;
}
.film-home-section .ev-calender:after {
    border-top: 15px solid #47b84d;
}
.film-home-section .img_1 {
    height: 180px;
}
.film-home-section .img_1 img {
    height: 100%;
    width: 100%;
}
.film-home-section .event-detail h3 a:hover {
    color: #3278bd;
}
.film-home-section .event-detail h3 a {
    font-size: 17px;
}
.film-home-section .event-blog {
    margin: 0 0 8px 0;
}
.film-home-section .Schedule-image {
    width: 100%;
    height: 100%;
}
.film-home-section .sched {
    height: 500px;
}
.film-home-section .movie-type h4 {
    font-size: 17px;
}
.film-home-section .film-title {
    text-align: left;
    margin-bottom: 50px;
}
.film-home-section .film-title h2::after {
    left: 5%;
    bottom: unset;
    top: 50px;
    border: 2px solid #6dbe4b;

}
.film-home-section .film-title h2::before {
    left: 10%;
    bottom:unset;
    top: 50px;
    border: 2px solid #6dbe4b;

}
.film-home-section img.m-image {
    height: 300px;
}
.film-home-section .Featured {
    width: 100%;
}
.film-home-section .Featured-details h6 {
    font-size: 17px;
}


.film-home-section .worldfocus-img {
    height: 130px;
    border-bottom-right-radius: 15px;
}
.film-home-section .worldfocus-list {
    margin-bottom: 20px;
    margin-right: 0;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.film-home-section .worldfocus-info {
    padding: 0px 10px 0px;
}
.film-home-section .info-list {
    gap: 10px;
    padding: 5px 0 !important;
}
.film-home-section .movie-detail {
    margin-top: 10px;
}
.film-home-section .film-movie .film-title h2::before {
    left: 20%;
    width: 50px;
}
.film-home-section .Featured-details p {
    color: #47b84d;
}
.home-teddy {
    position: absolute;
    top: 5%;
    left: 3%;
    width: 10%;
    animation: move-teddy 3s infinite alternate;
}
.home-teddy1 {
    position: absolute;
    top: 2%;
    left: 45%;
    width: 3%;
    animation: shapePluse 3s infinite alternate;
}
.home-teddy2 {
    position: absolute;
    right: 2%;
    top: 2%;
    z-index: 1;
    animation: plan 15s infinite alternate;
}
.home-teddy3 {
    position: absolute;
    top: 35%;
    left: 3%;
    width: 7%;
    animation: wobble 3s infinite alternate;
}
.home-teddy4 {
    position: absolute;
    top: 45%;
    right: 2%;
    width: 10%;
    animation: top-shake 5s infinite alternate;
}
.home-teddy5 {
    position: absolute;
    bottom: 10%;
    left: 2%;
    width: 10%;
    animation: baloon-teddy 3s infinite alternate;
}
.home-teddy6 {
    position: absolute;
    bottom: 15%;
    right: 2%;
    width: 10%;
    animation: swing-in-top-fwd 3s infinite alternate;
}

.cloud2 {
    z-index: -1;
}



/*............... sponsors page css film festival .............. */

.filmfestival-sponsors {
    margin-bottom: 80px;
    padding: 20px 30px;
    background-color: rgb(244 244 244 / 70%);
}

.sponsors-title {
    text-align: center;
    margin: -50px auto 30px;
}
.sponsors-title h2 {
    position: relative;
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 25px;
    color: #fff;
    margin-bottom: 0;
    padding: 12px 100px;
    background: linear-gradient(90deg, #3DC7F4 -20%, #2A4499 100%);
    display: inline-block;
}
.sponsors-title h2::after {
    content: "";
    position: absolute;
    height: 3px;
    border-radius: 5px;
    width: 50%;
    left: 0;
    bottom: -3px;
    background: linear-gradient(90deg, #3DC7F4 -20%, #2A4499 100%);
    display: none;
}

.filmfestival-sponsors .Plati-first {
    border: none;
    margin-bottom: 20px;
    border-radius: 10px;
    text-align: center;
    background-color: #fff;
    position: relative;
    width: 100%;
    padding: 10px;
    box-shadow: 0px 5px 30px 0px rgba(76, 88, 104, 0.1);
}

.sponsor-section .Plati-first a {
    text-transform: capitalize;
    font-size: 20px;
}

.filmfestival-sponsors .pla-logo {
    padding: 30px 0;
}
.filmfestival-sponsors:last-child {
    margin-bottom: 0;
}





/* RESPONSIVE */
/* index page responsive */
/* @media only screen and (min-width:1366px) and (max-width:1400px) {
    .home-teddy {
        top: 2%;
        width: 7%;
    }
    .home-teddy4 {
        top: 48%;
        right: 1%;
        width: 9%;
    }
    .home-teddy6 {
        bottom: 4%;
        z-index: 1;
    }
    .home-teddy5 {
        z-index: 1;
    }
} */


@media only screen and (min-width:1200px) and (max-width:1399px) {
   
    .home-teddy {
        top: 1%;
        width: 8%;
    }
    .home-teddy1 {
        left: 50%;
        width: 6%;
    }
    .home-teddy4 {
        top: 51%;
        width: 8%;
        z-index: 1;
    }
    .home-teddy5 {
        bottom: 8%;
        z-index: 1;
    }
    .home-teddy6 {
        bottom: 3%;
        width: 12%;
        z-index: 1;
    }
    .menu-upper a {
        font-size: 19px;
    }
    .header-cart {
        justify-content: flex-end;
    }
    .header-social ul {
        justify-content: center;
    }
    .k-footer:after {
        height: 80%;
    }
    .k-footer::before {
        background-position: bottom;
        width: 17%;
        height: 65%;
        bottom: 59px;
        left: 0px;
    }
    .footer {
        margin-left: 0px;
    }
    .f-logo {
        z-index: 1;
        width: 75%;
        position: relative;
    }
    .k-footer .row {
        align-items: flex-start;
    }
    .footer-shape {
        width: 12%;
        left: 10%;
    }
    .header-right:hover .sub-menu1 {
        width: 125px;
        top: 45px;
        left: -40px;
    }
    .domain-dropmenu:hover .sub-menu {
        top: 30px;
    }
    .home-teddy3 {
        top: 41%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .home-teddy {
        top: 1%;
    }
    .home-teddy1 {
        left: 50%;
        width: 7%;
    }
    .inner-header .menu {
        display: flex !important;
    }
    .mobile-menu, .toggle-bar {
        display: none !important;
    }
    .k-bar {
        height: 45px;
    }
    .header-cart {
        margin-right: 0;
        justify-content: flex-end;
        gap: 20px;
    }
    .header-right:hover .sub-menu1 {
        width: 130px;
        top: 45px;
        left: -60px;
    }
    .domain-dropmenu:hover .sub-menu {
        top: 30px;
    }
    .header-social ul {
        justify-content: space-around;
    }
    .menu a {
        font-size: 16px;
        margin-right: 14px;
    }
    .menu-upper li {
        padding: 15px 0;
    }
    .menu-upper a{
        font-size: 17px;
    }
    .k-footer::before {
        height: 45%;
        bottom: unset;
        left: 5px;
        top: 38%;
    }
    .k-footer:after {
        height: 45%;
        bottom: 95px;
    }
    .k-footer .row {
        align-items: flex-start;
    }
    .f-logo {
         width: 100%;
    }
    .home-teddy4 {
        top: 49%;
        right: 22%;
        z-index: 1;
    }
    .home-teddy6 {
        bottom: 3%;
    }
    .home-teddy5 {
        bottom: 9%;
        z-index: 1;
    }
    .film-home-section .film-title h2::before {
        left: 12%;
    }
    .film-home-section .film-movie .film-title h2::before {
        left: 25%;
    }
    .events-info h4 {
        font-size: 18px;
    }
    .home-teddy3 {
        top: 41%;
    }
    .film-home-section .k-Featured {
        padding: 0 0 0 0;
    }
    
    .logo.film-logo {
        height: 141px !important;
    }
    
    .logo.film-logo img {
        padding: 70px 24px 0;
    }
    .logo:after {
        height:100%;
    }
}

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

    .main-header.mobnewClass {
        position: fixed;
        top: 0;
        box-shadow: 0px 0px 15px 3px #cbcbcb;
        z-index: 9999;
        width: 100%;
        background-color: #fff;
    }
    .social {
        display: none;
    }
    .mobile-domain-dropmenu {
        display: block;
    }
    .mobile-domain-dropmenu .sub-menu li {
        padding: 10px;
    }
    .header-right a.dropdown-item {
        font-size: 16px;
    }
    .mobile-domain-dropmenu:hover .sub-menu {
        top: 50px;
        left: -80px;
    }
    .header-social {
        text-align: left;
        /* display: none; */
    }
    .fw-icon {
        display: none;
    }
    ul.mobile-upper-menu{
        display: none;
    }
   
    .header-cart {
        margin-right: 0;
        justify-content: center;
        gap: 18px;
    }
    .cart a {
        font-size: 17px;
    }
    .user-icon i {
        font-size: 17px;
    }
    .domain-icon a {
        font-size: 17px;
    }
    .toggle-bar {
        /* color: #03a9f4; */
    }
    
    .logo.film-logo {
        height: 153px !important;
        top: -75px;
        width: 220px;
    }

    .logo.film-logo img {
        padding: 65px 14px 0;
    }

    .k-bar {
        height: auto;
    }
    .mobile-menu {
        background: linear-gradient(30deg, #3DC7F4 -30%, #2A4499 100%);
        overflow: auto;
    }
    .mobile-drop-menu {
        background-color: #3177bd;
        margin-top: 20px;
    }
    .menu a:hover {
        color: #46b64c;
    }

    .k-footer::before { 
        height: 50%;
        bottom: 60%;
        top: unset;
        width: 20%;
    }
    .k-footer:after {
        height: 50%;
        bottom: 20%;
    }
    .footer-shape {
        width: 15%;
        top: -14px;
        left: 40%;
    }
    .f-logo {
        width: 100%;
    }

    .home-teddy {
        top: 1%;
    }
    .home-teddy1 {
        width: 7%;
    }
    .home-teddy2 {
        animation: unset;
    }
    .home-teddy3 {
        top: 29%;
        left: 2%;
        width: 7%;
    }
    .home-teddy4 {
        top: 54%;
        right: 10%;
        width: 12%;
    }
    .teddy_0 {
        top: -50px;
        width: 30%;
    }
    .home-teddy5 {
        bottom: 4%;
        width: 15%;
    }
    .home-teddy6 {
        bottom: 5%;
        z-index: 1;
        width: 14%;
    }

    .film-home-section .film-title h2::before {
        left: 14%;
    }
    .film-home-section .film-movie .film-title h2::before {
        left: 33%;
    }
    .film-home-section .k-Featured {
        padding: 0 5px 0 0;
    }
    .film-home-section img.m-image {
        height: 250px;
    }
    .film-home-section .info-list {
        font-size: 15px;
    }

    .film-home-section .film-schedule {
        padding: 35px;
    }
    .film-home-section .pto-title h2 {
        color: #03A9F4;
        font-size: 25px;
        margin: 0 0 20px 0;
    }
    .film-home-section .pto-title p {
        line-height: 25px;
    }

    .film-home-section .movie-type h4 {
        font-size: 16px;
    }
    .film-home-section .events-info {
        padding: 20px 10px;
    }
    .events-info h4 {
        font-size: 19px;
    }
    .events-info h4:before {
        width: 50px;
    }
    .film-home-section .img_1 {
        height: 130px;
    }
    .film-home-section .event-detail h3 a {
        font-size: 15px;
    }
    .film-home-section .event_calender {
        top: 10px;
        left: 10px;
    }
    .film-home-section  .ev-calender {
        width: 45px;
        height: 50px;
    }
    .film-home-section .event-date {
        font-size: 17px;
    }
    .film-home-section .event-month {
        font-size: 13px;
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .main-header.mobnewClass {
        position: fixed;
        top: 0;
        box-shadow: 0px 0px 15px 3px #cbcbcb;
        z-index: 9999;
        width: 100%;
        background-color: #fff;
    }
    .mobile-domain-dropmenu {
        display: block;
    }
    .mobile-domain-dropmenu .sub-menu li {
        padding: 10px 15px;
    }
   
    .fw-icon {
        display: none;
    }
    ul.mobile-upper-menu{
        display: none;
    }
  
    .logo.film-logo {
        height: 145px !important;
    }
    .newClass .logo.film-logo {
        top: -52px;
        height: 121px!important;
    }
    
    .header-cart {
        margin-right: 0;
        justify-content: center;
        gap: 20px;
    }
    .toggle-bar {
        color: #fff;
    }
    .header-right:hover .sub-menu1 {
        width: 150px !important;
    }
    .k-bar {
        height: auto;
    }
    .mobile-menu {
        background: linear-gradient(30deg, #3DC7F4 -30%, #2A4499 100%);
        overflow: auto;
    }
    .mobile-drop-menu {
        background-color: #3177bd;
        margin-top: 20px;
    }
    .menu a:hover {
        color: #46b64c;
    }
    .mobile-domain-dropmenu:hover .sub-menu {
        top: 50px;
        width: 180px;
        left: -55px;
    }
    .k-footer::before {
        height: 35%;
        width: 27%;
        bottom: 66%;
        left: 0px;
        top: unset;
    }
    .k-footer:after {
        height: 45%;
        width: 25%;
        bottom: 18%;
    }
    .f-logo {
        width: 55%;
        margin: 0 auto 30px auto;
    }
    .footer-shape {
        width: 20%;
        top: -18px;
        left: 72%;
    }
    .k-footer {
        padding-top: 70px;
    }
    .film-home-section {
        padding: 80px 0;
    }
    .film-home-section .k-Featured {
        padding: 0 0 0 0;
    }
    .film-home-section img.m-image {
        height: 400px;
    }
    .film-home-section .Featured-details h6 {
        font-size: 20px;
    }
    .film-home-section .film-movie {
        margin-top: 30px;
    }
    .film-home-section .film-title {
        margin-bottom: 30px;
    }
    .film-home-section .worldfocus-img {
        height: 300px;
    }
    .film-home-section .worldfocus-info {
        padding: 10px 10px 10px;
    }
    .film-home-section .info-list {
        gap: 15px;
        padding: 10px 0 !important;
    }
    .film-home-section .movie-type h4 {
        font-size: 19px;
    }
    .film-home-section .Schedule-image {
        margin-top: 20px;
    }
    .film-home-section .film-schedule {
        padding: 30px;
        margin-bottom: 30px;
    }
    .film-home-section .k-program {
        padding: 70px 0 0 0;
    }
    .film-home-section .events-info {
        padding: 20px 30px;
    }
    .film-home-section .img_1 {
        height: 250px;
    }
    .film-home-section .film-title {
        text-align: center;
    }
    .film-home-section .film-title h2 {
        text-align: center;
        display: inline-block;
    }
    .film-home-section .film-title h2::after {
        left: 25%;
    }
    .film-home-section .film-title h2::before {
        left: 50%;
    }
    .film-home-section .film-movie .film-title h2::before {
        left: 15%;
    }
    .film-home-section .film-movie .film-title h2::after{
        left: 60%;
    }
    .film-home-section .Featured {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .film-home-section .worldfocus-list {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .home-teddy {
        top: 1%;
        width: 15%;
    }
    .home-teddy1 {
        top: 5px;
        width: 9%;
    }
    .home-teddy2 {
        top: 13%;
        right: 0;
        animation: none;
    }
    .home-teddy3 {
        top: 33%;
        left: 25%;
        width: 11%;
    }
    .home-teddy4 {
        top: 64%;
        z-index: 1;
        width: 15%;
    }
    .teddy_0 {
        width: 37%;
    }

    .home-teddy5 {
        bottom: 1%;
        z-index: 1;
        width: 23%;
    }
    .home-teddy6 {
        bottom: 15%;
        right: 6%;
        width: 18%;
        z-index: 1;
    }
}

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

    .main-header.mobnewClass {
        position: fixed;
        top: 0;
        box-shadow: 0px 0px 15px 3px #cbcbcb;
        z-index: 9999;
        width: 100%;
        background-color: #fff;
    }
    .mobile-domain-dropmenu {
        display: block;
    }
    .mobile-domain-dropmenu .sub-menu li {
        padding: 10px 15px;
    }
    .header-social {
        text-align: left;
        display: none;
    }
    ul.mobile-upper-menu{
        display: none;
    }
   
    .logo.film-logo {
        height: 143px !important;
    }
    .logo.film-logo img {
        padding: 70px 25px 0;
    }

    .newClass .logo.film-logo {
        top: -52px;
        height: 121px!important;
    }

    .newClass .logo.film-logo img {
        padding: 53px 10px 0;
    }
    .header-cart {
        margin-right: 0;
        justify-content: center;
        gap: 20px;
        z-index: 2;
    }
    .header-right a.dropdown-item {
        font-size: 16px;
    }
 
    .header-right:hover .sub-menu1 {
        width: 150px !important;
    }
    .k-bar {
        height: auto;
    }
    .mobile-menu {
        background: linear-gradient(30deg, #3DC7F4 -30%, #2A4499 100%);
        overflow: auto;
    }
    .mobile-drop-menu {
        background-color: #3177bd;
        margin-top: 20px;
    }
    .menu a:hover {
        color: #46b64c;
    }
    .mobile-domain-dropmenu:hover .sub-menu {
        top: 50px;
        width: 180px;
        left: -60px;
    }
    .f-logo {
        width: 60%;
        margin: 0 auto 30px auto;
    }
    .k-footer::before {
        height: 35%;
        width: 27%;
        bottom: 66%;
        left: 0px;
        top: unset;
    }
    .k-footer:after {
        height: 45%;
        width: 25%;
        bottom: 18%;
    }
    .footer-shape {
        width: 27%;
        top: -20px;
        left: 70%;
    }

    .film-home-section {
        padding: 50px 0;
    }
    .film-home-section .film-title {
        text-align: center;
        margin-bottom: 25px;
    }
    .film-home-section .film-title h2 {
        text-align: center;
        display: inline-block;
        font-size: 25px;
    }
    .film-home-section .film-title h2::after {
        left: 25%;
        top: 40px;
    }
    .film-home-section .film-title h2::before {
        left: 50%;
        top: 40px;
    }
    .film-home-section .film-movie .film-title h2::before {
        left: 15%;
        top: 40px;
    }
    .film-home-section .film-movie .film-title h2::after{
        left: 60%;
        top: 40px;
    }
    .film-home-section .k-Featured {
        padding: 0 0 0 0;
    }
    .film-home-section img.m-image {
        height: 380px;
    }
    .film-home-section .Featured-details h6 {
        font-size: 20px;
    }
    .film-home-section .worldfocus-img {
        height: 300px;
    }
    .film-home-section .worldfocus-info {
        padding: 10px 10px 10px;
    }
    .film-home-section .info-list {
        gap: 15px;
        padding: 10px 0 !important;
    }
    .film-home-section .movie-type h4 {
        font-size: 19px;
    }
    .film-home-section .Schedule-image {
        margin-top: 20px;
    }
    .film-home-section .film-schedule {
        padding: 30px;
        margin-bottom: 30px;
    }
    .film-home-section .k-program {
        padding: 70px 0 0 0;
    }
    .film-home-section .events-info {
        padding: 20px 30px;
    }
    .film-home-section .img_1 {
        height: 250px;
    }
    .film-home-section .event-blog {
        padding: 0 20px;
    }
    .film-home-section .Featured {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .film-home-section .worldfocus-list {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .home-teddy {
        top: 10px;
        width: 15%;
    }
    .home-teddy1 {
        top: 22%;
        left: 84%;
        width: 12%;
        animation: none;
    }
    .home-teddy2 {
        animation: none;
        top: 5px;
    }
    .teddy_0 {
        width: 35%;
    }
    .home-teddy3 {
        top: 33%;
        left: 6%;
        width: 10%;
    }
    .home-teddy4 {
        top: 63%;
        width: 15%;
        z-index: 1;
    }
    .home-teddy5 {
        bottom: 8%;
        z-index: 10;
        left: 0%;
        width: 20%;
    }
    .home-teddy6 {
        bottom: 15%;
        z-index: 1;
        width: 25%;
    }
}
@media only screen and (max-width: 375px) {
    .cart a {
        font-size: 16px;
        height: 40px;
        width: 40px;
        line-height: 40px;
    }
    .user-icon {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }
    .user-icon i {
        font-size: 16px;
    }
    .domain-icon {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }
    .toggle-bar {
        font-size:33px;
    }
    .header-cart {
        gap: 20px;
        justify-content: center;
        z-index: 2;
    }
    .header-right:hover .sub-menu1 {
        width: 125px !important;
    }
    .mobile-domain-dropmenu:hover .sub-menu {
        top: 43px;
        left: -80px;
        width: 185px;
    }
    .header-right a.dropdown-item {
        font-size: 16px;
    }

    .newClass .logo.film-logo {
        top: -52px;
        height: 118px!important;
    }


    .k-footer:after {
        height: 25%;
        width: 20%;
        bottom: 18%;
    }
    .footer-menu a {
        font-size: 15px;
    }
    .footer-menu i {
        font-size: 13px;
    }
    .footer-bottom {  
        gap: 10px;
        padding: 10px;
    }
    .social-link a {
        margin-right: 16.88px;
    }
    .footer-bottom p {
        font-size: 14px;
        text-align: left;
    }
    .film-home-section .film-title {
        margin-bottom: 12px;
    }
    .film-home-section .pto-title h2 {
        font-size: 25px;
        margin: 10px 0 10px 0;
    }
    .film-home-section .events-info h4 {
        font-size: 23px;
    }
    .film-home-section .sched {
        height: 440px;
    }
    .film-home-section .event-blog {
        padding: 0 0;
    }
    .film-home-section .events-info {
        padding: 20px 20px;
    }
    .film-home-section img.m-image {
        height: 310px;
    }
    .film-home-section .Featured {
        width: 100%;
    }
    .film-home-section .worldfocus-list {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .home-teddy1 {
        width: 15%;
    }
    .home-teddy2 {
        width: 14%;
    }
    .home-teddy3 {
        top: 29%;
        width: 15%;
    }
    .home-teddy6 {
        bottom: 16%;
    }

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

    .header-cart {
        gap: 20px;
    }
    .film-logo {
        width: 90%;
    }

    .logo.film-logo {
        height: 140px !important;
        width: 200px;
    }

    .logo.film-logo img {
        padding: 70px 15px 0;
    }

    .newClass .logo:after {
        height: 100%;
    }
    .newClass .logo.film-logo img {
        padding: 60px 10px 0;
    }

    .footer-bottom {
        gap: 5px;
    }
    .social-link i {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .social-link a {
        margin-right: 12px;
    }
    .footer-bottom a {
        font-size: 15px;
    }
    .footer-menu a {
        font-size: 13px;
    }
    .footer-menu i {
        font-size: 8px;
    }
    .k-footer::before {
        height: 25%;
        width: 34%;
        bottom: 78%;
    }
    .film-home-section {
        padding: 40px 0;
    }
    .film-home-section .film-title h2 {
        font-size: 23px;
    }
    .film-home-section .sched {
        height: 350px;
    }
    .film-home-section .events-info h4 {
        font-size: 20px;
    }
    .home-teddy {
        width: 21%;
    }
    .home-teddy2 {
        width: 12%;
    }
    .home-teddy3 {
        top: 29%;
    }
    .home-teddy4 {
        top: 64%;
        width: 22%;
    }
    .home-teddy5 {
        bottom: 1%;
        width: 21%;
    }
}


/* Indegineous page responsive  */

@media only screen and (min-width:1200px) and (max-width:1399px) {
    
    .indigenous-teddy2 {
        top: 83%;
        left: 0%;
        width: 9%;
    }
    .indigenous-teddy3 {  
        top: 0%;
        width: 9%;
    }
    .indigenous-teddy {
        width: 6%;
    }
    .indigenous-teddy5 {
        right: 0%;
        width: 4%;
        z-index: 1;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    
    .indigenous-teddy3 {
        top: 1%;
    }
    .indigenous-teddy {
        top: -10px;
    }
    .worldfocus-img {
        height: 260px;
    }
    .info-list {
        padding: 8px 0 !important;
        width: 90%;
    }
    .indigenous-teddy2 {
        top: 0%;
        left: 45%;
        width: 9%;
    }
    .indigenous-teddy4 {
        right: unset;
        left: 2%;
    }
    .indigenous-teddy5 {
        top: 84%;
    }
    .cast-and-credits-tab .nav {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow: scroll;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    
    .indigenous-section, .international-section, .made-by-kids-section, .worldfocus-section , .national-section , .program-schedule-section{
        padding: 80px 0;
    }
    .film-crew-btn {
        width: 40%;
        margin: auto;
    }
    .film-crew-btn button {
        margin-top: 10px;
    }
    .indigenous-teddy3 {
        top: 1%;
        left: 20%;
    }
    .indigenous-teddy {
        top: -10px;
        width: 9%;
    }
    .indigenous-teddy2 {
        top: 28%;
        width: 14%;
    }
    .indigenous-teddy5 {
        top: 29%;
        width: 8%;
    }
    .cast-and-credits-tab .nav {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow: scroll;
    }
}

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


    .indigenous-section, .international-section, .made-by-kids-section, .worldfocus-section , .national-section , 
    .program-schedule-section{
        padding: 80px 0;
    }
    .film-crew-btn {
        width: 50%;
        margin: auto;
    }
    .film-crew-btn button {
        margin-top: 10px;
    }
    .indigenous-teddy2 {
        top: 18%;
        left: 0%;
        width: 19%;
    }
    .indigenous-teddy3 {
        top: 0%;
        width: 13%;
    }
    .indigenous-teddy {
        top: -15px;
        right: 5%;
        width: 12%;
    }
    .indigenous-teddy4 {
        width: 15%;
        z-index: 1;
    }
    .indigenous-teddy5 {
        top: 56%;
        width: 9%;
        z-index: 1;
    }
    .cast-and-credits-tab .nav {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow: scroll;
    }
}

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

    .indigenous-section, .international-section, .made-by-kids-section, .worldfocus-section , .national-section , 
    .program-schedule-section{
        padding: 70px 0;
    }
    .film-crew-btn {
        width: 85%;
        margin: auto;
    }
    .film-crew-btn button {
        margin-top: 10px;
    }
    .film-crew-input {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
    .worldfocus-list {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
    .indigenous-teddy2 {
        top: 21%;
        z-index: 1;
        left: 0%;
        width: 19%;
    }
    .indigenous-teddy3 {
        top: 0%;
        width: 13%;
    }
    .indigenous-teddy {
        top: -15px;
        right: 5%;
        width: 11%;
    }
    .indigenous-teddy4 {
        width: 15%;
        z-index: 1;
    }
    .indigenous-teddy5 {
        top: 56%;
        width: 9%;
        z-index: 1;
    }
    .cast-and-credits-tab .nav {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow: scroll;
    }
}

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

    .film-crew-input {
        width: 100%;
    }
    .worldfocus-list {
        width: 100%;
    }
    .film-crew-btn {
        width: 100%;
        margin: auto;
    }

    .indigenous-teddy {
        top: -10px;
        width: 16%;
    }
    .indigenous-teddy3 {
        top: 5px;
        width: 20%;
    }
    .indigenous-teddy2 {
        top: 21%;
    }
    .indigenous-teddy5 {
        top: 57%;
        width: 13%;
        right: 0;
    }
    .indigenous-teddy4 {
        width: 18%;
        z-index: 1;
    }
}

@media only screen and (max-width: 320px) {
    
    .info-list {
        padding: 5px 0 !important;
    }
}


/* Indigenous detail page responsive */

@media only screen and (min-width:1200px) and (max-width:1399px) {
    
    .film-detail-teddy1 {
        top: 0;
        width: 9%;
    }
    .film-sun {
        top: 27%;
        z-index: 1;
        width: 6%;
    }
    .film-detail-teddy4 {
       
        top: 26%;
        left: 27%;
        width: 9%;
    }
    .filmbike-teddy {
        right: 2%;
        top: 50%;
        width: 9%;
    }
    .indigenous-car {
        top: 51%;
        width: 8%;
    }
    .film-detail-teddy5 {
        bottom: 4%;
        left: 2%;
        width: 8%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .crew-listing-box {
        padding: 0;
        margin-bottom: 35px;
    }
    .crew-listing-image {
        height: 350px;
    }
    .crew-info-main {
        padding: 0 25px;
    }
    .crew-listing-info {
        padding: 22px 30px;
    }
    .world-film-information>h4 {
        font-size: 25px;
    }
    .movie-info {
        gap: 10px;
    }
    .film-detail-teddy1 {
        top: 0%;
        left: 3%;
        width: 8%;
    }
    .film-detail-teddy4 {
        top: 28%;
        left: 50%;
        width: 10%;
    }
    .filmbike-teddy {
        right: 2%;
        top: 49%;
        width: 10%;
    }
    .indigenous-car {
        top: 71%;
        left: 0%;
        width: 6%;
        z-index: 1;
    }
    .film-detail-teddy5 {
        bottom: 2%;
        left: 2%;
        width: 8%;
    }
    .cast-credit-head h2::before {
        top: 40px;
    }
    .cast-credit-head h2::after {
        top: 40px;
    }
    .movie-info h5 {
        font-size: 18px;
    }
}

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

    .film-detail-teddy1 {
        top: 5px;
        left: 6%;
        width: 9%;
    }
    .film-sun {
        top: 1%;
        width: 5%;
    }
    .film-detail-teddy4 {
        top: 23%;
        left: 78%;
        width: 12%;
    }
    .filmbike-teddy {
        top: 41%;
        width: 7%;
        right: 0;
        opacity: 0.9;
    }
    .indigenous-car {
        top: 57%;
        left: 0%;
        width: 8%;
    }
    .film-detail-teddy5 {
        bottom: 5%;
        left: 2%;
        width: 10%;
    }
    .indigenous-detail-teddy3 {
        right: 1%;
        width: 9%;
        z-index: 1;
    }
    .indigenous-star {
        right: 15%;
        width: 11%;
    }
    .film-type i {
        font-size: 20px;
    }
    .release-date {
        gap: 10px;
    }
    .worldfocus-desc {
        margin-top: 20px;
    }
    .world-film-information {
        padding: 10px 20px;
    }
    .movie-info {
        gap: 15px;
        margin: 10px auto;
    }
    .crew-listing-box {
        padding: 0;
        margin-bottom: 60px;
    }
    .cast-credit-head h2 {
        font-size: 28px;
    }
    .cast-credit-head h2::before {
        top: 35px;
    }
    .cast-credit-head h2::after {
        top: 35px;
    }
    .crew-listing-info {
        padding: 20px 30px;
    }
    .breadscrumb-section .breadscrumb-contain {
        padding: 20px 14px;
    }
}

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

    .film-type i {
        font-size: 20px;
    }
    .release-date {
        gap: 10px;
    }
    .worldfocus-desc {
        margin-top: 20px;
    }
    .world-detail-img {
        height: 420px;
    }
    .cast-credit-head h2::before {
        top: 40px;
    }
    .cast-credit-head h2::after {
        top: 40px;
    }
    .crew-listing-box {
        margin-bottom: 50px;
        padding: 0px;
    }
    .film-detail-teddy1 {
        top: 10px;
        left: 8%;
        width: 8%;
    }
    .film-sun {
        top: 1%;
    }
    .film-detail-teddy4 {
        top: 16%;
        left: 86%;
        width: 13%;
    }
    .indigenous-detail-teddy3 {
        z-index: 1;
    }
    .film-detail-teddy5 {
        left: 0%;
        z-index: 1;
    }
    .indigenous-car {
        top: 55%;
        left: 0%;
        width: 10%;
    }
    .filmbike-teddy {
        right: 2%;
        top: 50%;
    }
    .indigenous-star {
        right: 75%;
        width: 13%;
    }
    .cast-and-credits-tab .nav-pills .nav-link {
        padding: 10px 30px;
        /* width: 220px; */
        text-align: center;
    }
}

@media only screen and (max-width: 575px) {
    
    .film-type i {
        font-size: 20px;
    }
    .release-date {
        gap: 10px;
    }
    .worldfocus-desc {
        margin-top: 12px;
    }
    .world-detail-img {
        height: 400px;
    }
    .cast-credit-head h2::before {
        top: 40px;
    }
    .cast-credit-head h2::after {
        top: 40px;
    }
    .crew-listing-box {
        margin-bottom: 50px;
        padding: 0px;
    }
    .crew-listing-info {
        padding: 23px 30px;
    }
    .world-film-information {
        padding: 5px 20px;
    }
    .movie-info {
        gap: 10px;
    }
    .film-detail-teddy1 {
        top: 10px;
        left: 13%;
        width: 9%;
        animation: wobble-teddy2 7s infinite;
    }
    .film-sun {
        top: 2%;
    }
    .film-detail-teddy4 {
        animation: none;
        width: 12%;
        left: 87%;
        top: 26%;
        z-index: -1;
        opacity: 0.8;
    }
    .film-detail-teddy5 {
        left: 1%;
        z-index: 1;
    }
    .indigenous-detail-teddy3 {
        z-index: 1;
        top: 63%;
    }
    .indigenous-car {
        top: 54%;
        left: 2%;
        width: 8%;
    }
    .indigenous-star {
        bottom: 70%;
        right: 70%;
        width: 8%;
    }
    .filmbike-teddy {
        top: 51%;
    }
    .cast-and-credits-tab .nav-pills .nav-link {
        padding: 10px 35px;
        font-size: 18px;
        /* width: 220px; */
        text-align: center;
    }
}

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

    .bg-listing-crew {
        padding: 40px 0px 0 0;
    }

    .crew-listing-info {
        padding: 20px 30px;
    }
    .crew-info-main {
        top: -35px;
        padding: 0 25px;
    }
    .film-sun {
        position: absolute;
        top: 1%;
        right: 5%;
        width: 11%;
    }
    .film-detail-teddy1 {
        width: 12%;
    }
    .cast-credit-head h2 {
        font-size: 25px;
    }
    .cast-credit-head h2::before {
        top: 35px;
    }
    .cast-credit-head h2::after {
        top: 35px;
    }
    .indigenous-star {
        bottom: 0%;
        right: 83%;
        width: 15%;
    }
    .film-detail-teddy4 {
        top: 16%;
        z-index: 1;
        opacity: 0.8;
    }
    .indigenous-car {
        top: 44%;
        left: 0%;
        width: 11%;
    }
    .film-detail-teddy2 {
        right: 0%;
        width: 15%;
        z-index: 1;
        animation: horse-bg1 4s infinite alternate;
    }
    .film-detail-teddy5 {
        bottom: 17%;
    }
    .filmbike-teddy {
        top: 55%;
    }
    .world-film-information {
        padding: 5px 15px;
    }
    .movie-info h5 {
        font-size: 18px;
    }
    .world-film-information>h4 {  
        font-size: 26px;
        border-bottom: 1px dashed #2a479b;
    }
    .cast-and-credits-tab .nav-pills .nav-link {
        padding: 10px 35px;
        font-size: 18px;
        /* width: 220px; */
        text-align: center;
    }
    .tab-content {
        padding: 0px;
    }
    .breadscrumb-section .breadscrumb-contain {
        padding: 18px 14px;
        justify-content: center;
    }
}

@media only screen and (max-width: 320px) {
    
    .indigenous-detail-section, .international-detail-section, .madeby-kids-detail-section, .worldfocus-detail-section {
        padding: 60px 0;
    }
    .world-detail-img {
        height: 300px;
    }
    .worldfocus-desc {
        margin-top: 8px;
    }
    .bg-listing-crew {
        padding: 30px 0px 0 0;
    }
    .tab-content {
        padding: 0px;
    }
    li.breadcrumb-item a {
        font-size: 16px;
    }
    .breadscrumb-section .breadcrumb-item.active {
        font-size: 16px;
    }
    .f-logo {
        width: 65%;
        margin: 0 auto 30px auto;
    }
}


/* International page responsive */
@media only screen and (min-width:1200px) and (max-width:1399px) {
    
    .info-list {
        width: 75%;
    }
    .international-teddy {
        top: 1%;
        width: 5%;
    }
    .international-teddy2 {
        top: 0;
    }
    .international-teddy3 {
        top: 52%;
        right: 0%;
        width: 8%;
        z-index: 1;
    }
    .international-teddy4 {
        bottom: 1%;
    }
    .international-teddy5 {
        bottom: 6%;
        left: 0%;
        z-index: 1;
        width: 7%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .international-teddy {
        top: 1%;
        width: 6%;
    }
    .international-teddy2 {
        top: 0;
    }
    .international-teddy3 {
        top: 52%;
        right: 0%;
        width: 8%;
        z-index: 1;
    }
    .international-teddy4 {
        bottom: 1%;
    }
    .international-teddy5 {
        bottom: 6%;
        left: 0%;
        z-index: 1;
        width: 7%;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    
    .international-teddy {
        top: 1%;
        width: 7%;
    }
    .international-teddy2 {
        top: 1%;
        width: 12%;
    }
    .international-teddy3 {
        top: 18%;
        width: 13%;
    }
    .international-teddy4 {
        
        bottom: 2%;
    }
    .international-teddy5 {
        bottom: 39%;
        left: 1%;
        width: 8%;
        z-index: 1;
    }
}
@media only screen and (min-width:576px) and (max-width:767px) {
    
    .international-section {
        padding: 80px 0;
    }
    .international-teddy {
        top: 5px;
        width: 10%;
    }
    .international-teddy2 {
        top: 10px;
        width: 14%;
    }
    .international-teddy5 {
        bottom: 33%;
        left: 1%;
        z-index: 1;
    }
    .international-teddy3 {
        top: 11%;
        width: 15%;
    }
    .international-teddy4 {
        bottom: 1%;
        width: 10%;
    }
}

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

    .international-teddy {
        top: 10px;
        width: 10%;
        left: 2%;
    }
    .international-teddy2 {
        top: 10px;
        width: 14%;
    }
    .international-teddy5 {
        bottom: 33%;
        left: 1%;
        z-index: 1;
    }
    .international-teddy3 {
        top: 12%;
        right: 0;
        width: 15%;
        z-index: 1;
    }
    .international-teddy4 {
        bottom: 1%;
        width: 11%;
    }
}

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

    .international-section {
        padding: 70px 0;
    }
    .international-teddy {
        top: 10px;
        width: 13%;
    }
    .international-teddy2 {
        top: 10px;
        width: 16%;
    }
    .international-teddy5 {
        bottom: 33%;
        left: 1%;
        z-index: 1;
        width: 14%;
    }
    .international-teddy3 {
        top: 13%;
        z-index: 1;
        width: 19%;
    }
    .international-teddy4 {
        bottom: 1%;
        width: 13%;
    }
}

@media only screen and (max-width: 320px) {
    
    .international-teddy2 {
        width: 19%;
    }
    .international-teddy3 {
        width: 21%;
    }
    .international-teddy5 {
        width: 16%;
    }
}


/* International Detail page responsive  */
@media only screen and (min-width:1200px) and (max-width:1399px) {
    
    .international-detail-teddy3 {
        top: 5px;
        width: 7%;
    }
    .international-detail-teddy1 {
        top: 28%;
        left: 32%;
        width: 8%;
    }
    .international-detail-teddy2 {
        top: 23%;
        right: 8%;
        width: 8%;
        z-index: 1;
    }
    .internationalcar-teddy {
        top: 70%;
        left: 1%;
        width: 8%;
        z-index: 1;
    }
    .international-star {
        bottom: 31%;
        width: 8%;
        right: 1%;
    }
    .filmarrow-teddy {
        right: 4%;
        top: 46%;
        width: 9%;
    }
    .international-detail-teddy4 {
        bottom: 2%;
        right: 5%;
        width: 7%;
    }
    .international-detail-teddy5 {
        bottom: 5%;
        left: 0%;
        width: 10%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    
    .international-detail-teddy3 {
        top: 5px;
        left: 2%;
        width: 8%;
    }
    .international-detail-teddy1 {
        top: 27%;
        left: 40%;
        width: 11%;
    }
    .international-detail-teddy2 {
        width: 8%;
    }
    .internationalcar-teddy {
        top: 76%;
        left: 0%;
        width: 8%;
        z-index: 1;
    }
    .international-detail-teddy5 {
        bottom: 3%;
        left: 0%;
        width: 11%;
    }
    .international-star {
        width: 9%;
    }
    .international-sun {
        right: 20%;
    }
    .international-detail-teddy4 {
        bottom: 2%;
        right: 3%;
        width: 7%;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    
    .international-detail-teddy3 {
        top: 5px;
        left: 5%;
    }
    .international-detail-teddy2 {
        top: 19%;
        right: 7%;
        width: 9%;
    }
    .international-detail-teddy1 {
        top: 40%;
        z-index: 1;
    }
    .internationalcar-teddy {
        top: 57%;
        left: 0%;
        width: 9%;
    }
    .international-detail-teddy5 {
        bottom: 18%;
        left: 0%;
        width: 11%;
    }
    .international-star {
        bottom: 31%;
        width: 9%;
        right: 0%;
        z-index: 1;
    }
    .international-sun {
        right: 19%;
        width: 17%;
    }
    .international-detail-teddy4 {
        bottom: 2%;
        right: 5%;
        width: 11%;
    }
}
@media only screen and (min-width:576px) and (max-width:767px) {
    
    .international-detail-teddy3 {
        top: 5px;
        left: 2%;
        width: 11%;
    }
    .international-detail-teddy2 {
        top: 15%;
        right: 5%;
    }
    .internationalcar-teddy {
        top: 58%;
        left: 1%;
        width: 12%;
        z-index: 1;
    }
    .international-detail-teddy5 {
        bottom: 12%;
        left: 1%;
        width: 11%;
    }
    .international-detail-teddy4 {
        bottom: 2%;
        right: 7%;
        width: 12%;
    }
    .international-sun {
        right: 4%;
        width: 20%;
    }
    .international-star {
        bottom: 27%;
    }
}

@media only screen and (max-width: 575px) {
    
    .international-detail-teddy3 {
        top: 10px;
        left: 11%;
        width: 10%;
    }
    .international-detail-teddy2 {
        top: 36%;
        z-index: 1;
        right: 5%;
        width: 8%;
    }
    .international-detail-teddy1 {
        left: 54%;
        z-index: -1;
        opacity: 0.8;
        top: 16%;
    }
    .internationalcar-teddy {
        top: 59%;
        left: 0%;
        width: 12%;
        z-index: 1;
    }
    .international-sun {
        right: 9%;
        width: 20%;
    }
    .international-star {
        z-index: 1;
        bottom: 30%;
    }
    .international-detail-teddy5 {
        bottom: 2%;
        left: 1%;
        width: 10%;
    }
    .international-detail-teddy4 {
        bottom: 2%;
        right: 14%;
        width: 12%;
    }
}

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

    .international-detail-teddy3 {
        top: 8px;
        left: 11%;
        width: 19%;
    }
    .international-detail-teddy2 {
        top: 44%;
        z-index: 1;
        right: 5%;
        width: 10%;
    }
    .international-detail-teddy1 {
        left: 54%;
        z-index: -1;
        opacity: 0.8;
        top: 13%;
        width: 14%;
    }
    .internationalcar-teddy {
        top: 57%;
        left: 0%;
        width: 15%;
        z-index: 1;
    }
    .international-sun {
        right: 0%;
        width: 30%;
        bottom: unset;
        top: 60%;
    }
    .international-star {
        z-index: 1;
        width: 11%;
        bottom: 25%;
    }
    .international-detail-teddy5 {
        bottom: 1%;
        left: 1%;
        width: 16%;
    }
    .international-detail-teddy4 {
        bottom: 1%;
        right: 19%;
        width: 11%;
    }
    .film-type {
        margin-top: 30px;
        padding: 0 10px;
    }
    .worldfocus-desc {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 320px) {
    .international-detail-teddy5 {
        width: 18%;
    }

    .international-detail-teddy2 {
        top: 53%;
        z-index: 1;
        right: 8%;
        width: 15%;
        animation: wobble-teddy2 7s infinite alternate;
    }
    .filmarrow-teddy {
        top: 41%;
        width: 16%;
    }
    .internationalcar-teddy {
        top: 43%;
        left: 0%;
        width: 15%;
        z-index: 1;
    }
    .international-star {
        z-index: 1;
        width: 11%;
        bottom: 24%;
    }
    .international-detail-teddy1 {
        left: 82%;
        z-index: -1;
        opacity: 0.8;
        top: 10%;
        width: 14%;
    }
    .release-date>h5 {
        font-size: 18px;
    }
}


/* made by kids page responsive */

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .madebykids-teddy {
        top: 0%;
        left: 15%;
        width: 6%;
    }
    .madebykids-teddy2 {
        width: 6%;
    }
    .madebykids-teddy3 {
        bottom: 2%;
        left: 1%;
        width: 10%;
    }
    .madebykids-teddy4 {
        top: 85%;
        right: 3%;
        width: 6%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .madebykids-teddy {
        left: 16%;
        width: 7%;
    }
    .madebykids-teddy3 {
        bottom: 8%;
        left: 1%;
        width: 8%;
    }
    .madebykids-teddy4 {
        top: 84%;
        right: 3%;
        width: 7%;
    }
}

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

    .madebykids-teddy {     
        top: 0%;
        left: 6%;
        width: 8%;
    }
    .madebykids-teddy2 {
        width: 10%;
    }
    .madebykids-teddy3 {
        bottom: 65%;
        left: 1%;
        width: 10%;
    }
    .madebykids-teddy4 {
        top: 92%;
        right: 3%;
        width: 8%;
    }
}

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

    .madebykids-teddy {     
        top: 0%;
        left: 24%;
        width: 10%;
    }
    .madebykids-teddy2 {
        width: 12%;
    }
    .madebykids-teddy3 {
        bottom: unset;
        left: 1%;
        width: 13%;
        top: 19%;
    }
    .madebykids-teddy4 {
        top: 96%;
        right: 4%;
        width: 9%;
    }
}

@media only screen and (max-width: 575px) {
    .madebykids-teddy {     
        top: 0%;
        left: 24%;
        width: 10%;
    }
    .madebykids-teddy2 {
        width: 12%;
        top: -15px;
    }
    .madebykids-teddy3 {
        bottom: unset;
        left: 1%;
        width: 13%;
        top: 22%;
        z-index: 1;
    }
    .madebykids-teddy4 {
        top: 96%;
        right: 4%;
        width: 9%;
    }
}

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

    .madebykids-teddy {     
        top: 5px;
        left: 6%;
        width: 11%;
        animation: none;
    }
    .madebykids-teddy2 {
        width: 18%;
        top: -15px;
    }
    .madebykids-teddy3 {
        bottom: unset;
        left: 1%;
        width: 13%;
        top: 22%;
    }
    .madebykids-teddy4 {
        top: 96%;
        right: 4%;
        width: 9%;
    }
}

@media only screen and (max-width: 320px) {
    .madebykids-teddy {     
        top: 5px;
        left: 6%;
        width: 13%;
        animation: none;
    }
    .madebykids-teddy2 {
        width: 21%;
        top: -15px;
    }
    .madebykids-teddy3 {
        bottom: unset;
        left: 0%;
        width: 20%;
        top: 20%;
    }
    .madebykids-teddy4 {
        top: 96%;
        right: 4%;
        width: 9%;
    }
}


/* made by kids detail page responsive  */

@media only screen and (min-width:1200px) and (max-width:1399px) {

    .kids-detail-teddy1 {
        top: 43%;
        left: 1%;
        width: 8%;
    }
    .kids-detail-teddy2 {
        top: 34%;
        right: 4%;
        width: 10%;
        z-index: 1;
    }
    .kids-cast-teddy {
        right: 33%;
        width: 6%;
        animation: top-shake 6s infinite alternate;
    }
    .madebykids-car-teddy {
        left: 0%;
        width: 8%;
        z-index: 1;
    }
    .madebykids-detail-teddy5 {
        bottom: 4%;
        left: 2%;
    }
    .madebykids-star {

        bottom: 20%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .kids-detail-teddy3 {
        top: 0;
        left: -1%;
        width: 13%;
    }
    .destination-icon {
        right: 5%;
        top: 10px;
        width: 5%;
        z-index: 1;
        animation: none;
    }
    .kids-detail-teddy1 {
        top: 48%;
        left: 2%;
        width: 9%;
    }
    .madebykids-car-teddy {
        top: 75%;
        left: 0%;
        width: 10%;
        z-index: 1;
        animation: none;
    }
    .madebykids-detail-teddy5 {
        bottom: 6%;
        width: 5%;
        left: 1%;
    }
    .madebykids-star {
        bottom: 20%;
        width: 8%;
        right: 0%;
    }
    .kids-detail-teddy2 {
        top: 21%;
        z-index: 1;
        right: 3%;
        width: 8%;
    }

}

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

    .kids-detail-teddy2 {
        top: 42%;
        z-index: 1;
    }
    .kids-detail-teddy1 {
        top: 36%;
        z-index: 1;
        width: 8%;
    }
    .kids-cast-teddy {
        right: 20%;
        width: 9%;
    }
    .madebykids-car-teddy {
        top: 76%;
        left: 0%;
        width: 13%;
        z-index: 1;
        animation: none;
    }
    .madebykids-detail-teddy5 {
        bottom: 3%;
        width: 8%;
    }
    .kids-detail-teddy4 {
        bottom: 4%;
    }
    .destination-icon {
        width: 8%;
        animation: plan 7s linear infinite;
    }
}

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

    .destination-icon {
        right: 5%;
        top: 10px;
        width: 9%;
        z-index: 1;
        animation: none;
    }
    .kids-detail-teddy2 {
        top: 28%;
        width: 12%;
        z-index: 1;
        animation: wobble-teddy2 5s infinite alternate;
    }
    .kids-detail-teddy1 {
        top: 42%;
        z-index: 1;
        left: 2%;
        width: 10%;
    }
    .kids-cast-teddy {
        right: 14%;
    }
    .madebykids-car-teddy {
        top: 60%;
        left: 1%;
        z-index: 1;
        width: 11%;
    }
    .madebykids-star {
        bottom: 28%;
        width: 13%;
    }
    .kids-detail-teddy4 {
        bottom: 2%;
        right: 2%;
        width: 15%;
    }
    .madebykids-detail-teddy5 {
        bottom: 16%;
        width: 9%;
        left: 4%;
    }
}

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

    .destination-icon {
        right: 5%;
        top: 10px;
        width: 9%;
        z-index: 1;
        animation: none;
    }
    .kids-detail-teddy2 {
        top: 26%;
        width: 12%;
        z-index: 1;
    }
    .kids-detail-teddy1 {
        top: 40%;
        z-index: 1;
        width: 12%;
    }
    .kids-cast-teddy {
        right: 5%;
    }
    .madebykids-star {
        bottom: 29%;
        width: 12%;
        right: 0%;
    }
    .madebykids-car-teddy {
        left: 0%;
        width: 11%;
        z-index: 1;
    }
    .kids-detail-teddy4 {
        bottom: 2%;
        width: 13%;
    }
    .madebykids-detail-teddy5 {
        bottom: 17%;
        width: 6%;
        left: 3%;
    }
}

@media only screen and (max-width: 375px) {
    .kids-detail-teddy3 {
        left: 7%;
        width: 13%;
    }
    .destination-icon {
        right: 5%;
        top: 15px;
        width: 13%;
        z-index: 1;
        animation: none;
    }
    .kids-detail-teddy2 {
        top: 34%;
        width: 16%;
        z-index: 1;
        animation: wobble-teddy2 9s infinite alternate;
    }
    .kids-detail-teddy1 {
        top: 63%;
        z-index: 1;
        width: 12%;
    }
    .kids-cast-teddy {
        right: 5%;
        width: 13%;
    }
    .madebykids-car-teddy {
        left: 0%;
        width: 15%;
        z-index: 1;
        animation: none;
        top: 85%;
    }
    .madebykids-detail-teddy5 {
        bottom: 27%;
        width: 9%;
        left: 0%;
        z-index: 1;
    }
    .kids-detail-teddy4 {
        bottom: unset;
        width: 13%;
        top: 13%;
    }
    .madebykids-star {
        bottom: 2%;
        width: 16%;
        right: 0%;
    }
    .crew-listing-image {
        height: 360px;
    }
}

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

    .kids-detail-teddy4 {
        bottom: unset;
        width: 13%;
        top: 10%;
    }
    .kids-detail-teddy2 {
        top: 32%;
        width: 18%;
        z-index: 1;
        animation: wobble-teddy2 9s infinite alternate;
    }
    .kids-detail-teddy1 {
        top: 63%;
        z-index: 1;
        width: 14%;
    }
    .madebykids-detail-teddy5 {
        bottom: 25%;
        width: 10%;
        left: 0%;
        z-index: 1;
    }
    .madebykids-car-teddy {
        left: 0%;
        width: 16%;
        z-index: 1;
        animation: none;
        top: 86%;
    }
    .madebykids-star {
        bottom: 1%;
        width: 17%;
        right: 0%;
    }
}

/* national film festival page responsive  */

@media only screen and (min-width:1200px) and (max-width:1399px) {

    .national-teddy2 {
        width: 7%;
    }
    .national-teddy3 {
        top: 54%;
        left: 0%;
        z-index: 1;
        width: 8%;
    }
    .national-teddy4 {
        bottom: 3%;
        right: 89%;
        width: 8%;
        animation: baloon-teddy 4s infinite alternate;
    }
    .national-teddy5 {
        top: 82%;
        right: 0%;
        width: 10%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .national-teddy2 {
        width: 7%;
    }
    .national-teddy3 {
        top: 53%;
        z-index: 1;
        left: 1%;
        width: 8%;
    }
    .national-teddy5 {
        top: 51%;
        right: 0%;
        width: 8%;
        z-index: 1;
    }
    .national-teddy4 {
        bottom: 2%;
    }
    .footer-shape {
        z-index: 9;
    }
}

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

    .national-teddy {
        top: 1%;
        width: 12%;
    }
    .national-teddy2 {
        width: 10%;
    }
    .national-teddy5 {
        top: 18%;
        z-index: 1;
    }
    .national-teddy4 {
        bottom: 2%;
    }
    .national-teddy3 {
        top: 76%;
        left: 0%;
        z-index: 1;
        width: 10%;
    }
}

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

    .national-teddy {
        top: 1%;
        width: 15%;
    }
    .national-teddy2 {
        width: 12%;
    }
    .national-teddy5 {
        top: 10%;
        width: 12%;
        z-index: 1;
    }
    .national-teddy3 {
        top: 55%;
        left: 1%;
        z-index: 1;
        width: 12%;
    }
    .national-teddy4 {
        bottom: 1%;
        width: 12%;
    }
}

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

    .national-teddy {
        top: 1%;
        width: 15%;
    }
    .national-teddy2 {
        width: 12%;
    }
    .national-teddy5 {
        top: 13%;
        width: 12%;
        right: 2%;
        z-index: 1;
    }
    .national-teddy3 {
        top: 55%;
        left: 1%;
        z-index: 1;
        width: 12%;
    }
    .national-teddy4 {
        bottom: 1%;
        width: 12%;
    }
}

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

    .national-teddy {
        top: 7px;
        width: 25%;
    }
    .national-teddy2 {
        width: 18%;
    }
    .national-teddy5 {
        top: 12%;
        width: 15%;
        right: 0;
    }
    .national-teddy3 {
        top: 33%;
        left: 1%;
        z-index: 1;
        width: 18%;
    }
    .national-teddy4 {
        bottom: 1%;
        width: 18%;
    }
}

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

    .national-teddy2 {
        width: 21%;
    }
    .national-teddy5 {
        top: 12%;
        width: 18%;
        right: 0;
    }
    .national-teddy3 {
        top: 33%;
        left: 1%;
        z-index: 1;
        width: 21%;
    }
    .national-teddy4 {
        bottom: 1%;
        width: 22%;
    }
}

/* national detail page responsive  */

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .national-detail-teddy2 {
        top: 2px;
        width: 9%;
    }
    .national-detail-teddy1 {
        top: 1%;
        right: 1%;
    }
    .national-detail-teddy5 {
        top: 23%;
        left: 1%;
        width: 6%;
    }
    .national-detail-teddy3 {
        right: 1%;
    }
    .national-star {
        right: 0%;
    }
    .national-icon {
        top: 57%;
    }
    .national-detail-cast {
        width: 11%;
    }
    .nationalcar-teddy {
       
        bottom: 7%;
        left: 1%;
        width: 8%;
    }
    .national-detail-teddy4 {
        right: 0%;
        width: 6%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .national-detail-teddy2 {
        top: 3px;
    }
    .national-detail-teddy1 {
        right: 1%;
        top: 5px;
    }
    .national-detail-cast {
        right: 25%;
        width: 12%;
    }
    .national-detail-teddy5 {
        top: 30%;
        left: 35%;
        width: 7%;
    }
    .national-detail-teddy4 {
        z-index: 1;
    }
    .nationalcar-teddy {
        bottom: 4%;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .national-detail-teddy2 {
        top: 2px;
        width: 11%;
    }
    .national-detail-teddy1 {
        top: 5px;
    }
    .national-detail-teddy5 {
        top: 24%;
        left: 79%;
        animation: wobble-teddy2 4s infinite alternate;
    }
    .national-detail-teddy3 {
        top: 10%;
        right: 0%;
        width: 6%;
    }
    .national-star {
        right: 6%;
        top: 45%;
    }
    .national-icon {
        top: 74%;
        z-index: 1;
    }
    .national-detail-teddy4 {
        z-index: 1;
    }
    .national-detail-cast {
        top: -28px;
        right: 19%;
        width: 15%;
    }
    .nationalcar-teddy {
        bottom: 3%;
        width: 10%;
    }
}

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

    .national-detail-teddy2 {
        top: 2px;
        width: 15%;
    }
    .national-detail-teddy1 {
        top: 4px;
        width: 11%;
    }
    .national-detail-teddy5 {
        top: 20%;
        left: 60%;
        width: 10%;
        animation: wobble-teddy2 3s infinite alternate;
    }
    .national-detail-teddy3 {
        top: 11%;
        right: 0%;
        width: 8%;
    }
    .national-star {
        right: 9%;
        top: 47%;
        width: 9%;
    }
    .national-icon {
        left: 5%;
        top: 48%;
    }
    .national-detail-teddy4 {
        width: 15%;
        z-index: 1;
    }
    .national-detail-cast {
        top: -15px;
        right: 73%;
        width: 15%;
    }
    .nationalbike-teddy {
        bottom: 3%;
    }
    .nationalcar-teddy {
        left: 0%;
        width: 12%;
        z-index: 1;
    }
}

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

    .national-detail-teddy2 {
        top: 3px;
        width: 15%;
    }
    .national-detail-teddy1 {
        top: 5px;
        width: 12%;
    }
    .national-detail-teddy5 {
        top: 44%;
        left: 6%;
        width: 9%;
        animation: wobble-teddy2 5s infinite alternate;
    }
    .national-detail-teddy3 {
        top: 21%;
        width: 12%;
        animation: rotate 3s infinite alternate;
    }
    .national-star {
        top: 45%;
        width: 10%;
    }
    .national-detail-cast {
        top: -20px;
        right: 67%;
        width: 14%;
    }
    .national-detail-teddy4 {
        z-index: 1;
    }
    .nationalbike-teddy {
        bottom: 5%;
    }
    .nationalcar-teddy {
        bottom: 2%;
        width: 12%;
    }
    .national-icon {
        top: 75%;
    }
}

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

    .national-detail-teddy2 {
        top: 3px;
        width: 20%;
    }
    .national-detail-teddy1 {
        top: 10px;
        width: 15%;
    }
    .national-detail-teddy3 {
        top: 19%;
        width: 15%;
    }
    .national-detail-teddy5 {
        top: 53%;
        left: 6%;
        width: 11%;
        animation: wobble-teddy2 5s infinite alternate;
    }
    .national-star {
        top: 70%;
        opacity: 0.8;
        width: 10%;
        right: 5%;
    }
    .national-detail-teddy4 {
        z-index: 1;
        width: 15%;
    }
    .national-icon {
        top: 80%;
        width: 20%;
    }
    .national-detail-cast {
        top: -10px;
        right: 76%;
        width: 16%;
    }
    .nationalbike-teddy {
        bottom: 2%;
        width: 10%;
    }
    .nationalcar-teddy {
        bottom: 35px;
        width: 18%;
        left: 0;
    }
}

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

    .national-detail-teddy3 {
        top: 15%;
        width: 15%;
    }
    .national-detail-cast {
        top: -10px;
        right: 81%;
        width: 18%;
    }
    .national-icon {
        top: 97%;
        width: 24%;
    }
    .nationalcar-teddy {
        bottom: 13%;
        width: 15%;
        z-index: 1;
        left: 0;
    }
}


/* world focus page responsive  */

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .worldfocus-teddy3 {
        top: 5px;
        width: 7%;
    }
    .worldfocus-teddy {
        width: 9%;
    }
    .worldfocus-teddy5 {
        right: 0%;
        width: 5%;
        z-index: 1;
        top: 50%;
    }
    .worldfocus-teddy2 {
        z-index: 1;
        width: 7%;
        left: 0;
        top: 53%;
    }
    .worldfocus-teddy4 {
        z-index: 1;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .worldfocus-teddy3 {
        top: 5px;
        left: 1%;
        width: 9%;
    }
    .worldfocus-teddy5 {
        top: 51%;
        right: 0%;
        z-index: 1;
        width: 5%;
    }
    .worldfocus-teddy2 {
        top: 19%;
        z-index: 1;
        left: 0%;
        width: 10%;
        animation: rotate-bg 4s infinite alternate;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    
    .worldfocus-teddy3 {  
        top: 5px;
    }
    .worldfocus-teddy {
        top: 1%;
    }
    .worldfocus-teddy5 {
        top: 17%;
    }
    .worldfocus-teddy4 {
        right: 0%;
        width: 9%;
        z-index: 1;
    }
    .worldfocus-teddy2 {
        top: 76%;
        z-index: 1;
        left: 1%;
        width: 12%;
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .worldfocus-teddy3 {
        top: 5px;
        width: 13%;
    }
    .worldfocus-teddy {
        top: 1%;
        width: 13%;
    }
    .worldfocus-teddy2 {
        top: 10%;
        width: 16%;
    }
    .worldfocus-teddy5 {
        top: 43%;
        right: 0%;
        width: 9%;
        z-index: 1;
    }
    .worldfocus-teddy4 {
        z-index: 1;
        right: 0;
    }
}

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

    .worldfocus-teddy3 {
        top: 5px;
    }
    .worldfocus-teddy {
        top: 1%;
        width: 14%;
    }
    .worldfocus-teddy2 {
        top: 12%;
        left: 0%;
        z-index: 1;
        width: 12%;
        animation: rotate-bg 3s infinite alternate;
    }
    .worldfocus-teddy5 {
        width: 9%;
        z-index: 1;
    }
    .worldfocus-teddy4 {
        z-index: 1;
    }
}

@media only screen and (max-width: 375px) {
    .worldfocus-teddy3 {
        top: 5px;
        width: 15%;
    }
    .worldfocus-teddy {
        top: 1%;
        width: 20%;
    }
    .worldfocus-teddy2 {
        top: 12%;
        z-index: 1;
        left: -2%;
        width: 18%;
    }
    .worldfocus-teddy5 {
        top: 43%;
        right: 0%;
        width: 13%;
        z-index: 1;
    }
    .worldfocus-teddy4 {
        z-index: 1;
        width: 14%;
    }
}

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

    .worldfocus-teddy3 {
        top: 5px;
        width: 18%;
    }
    .worldfocus-teddy {
        top: 5px;
        width: 24%;
    }
    .worldfocus-teddy5 {
        top: 43%;
        right: 0%;
        width: 15%;
        z-index: 1;
    }
    .worldfocus-teddy4 {
        z-index: 1;
        width: 17%;
    }
    .worldfocus-teddy2 {
        top: 12%;
        left: -5%;
        z-index: 1;
        width: 18%;
    }
}


/* world focus detail page responsive  */
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .worldfocus-detail-teddy1 {
        top: 3px;
        width: 5%;
    }
    .worldfocus-detail-teddy2 {
        top: 7px;
        width: 7%;
    }
    .worldfocus-detail-teddy4 {
        top: 26%;
        left: 32%;
    }
    .worldfocus-detail-teddy3 {
        top: 53%;
    }
    .worldfocus-cast-teddy {
        bottom: 4%;
    }
    .worldfocuscar-teddy {
        top: 25%;
        width: 8%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .worldfocus-detail-teddy1 {
        top: 5px;
        width: 6%;
    }
    .worldfocus-detail-teddy2 {
        top: 7px;
        width: 7%;
    }
    .worldfocus-detail-teddy4 {
        top: 28%;
        left: 39%;
    }
    .worldfocus-detail-teddy3 {
        top: 62%;
        width: 14%;
    }
    .worldfocus-cast-teddy {
        bottom: 3%;
        z-index: 1;
    }
    .worldfocuscar-teddy {
        top: 26%;
        width: 8%;
    }

}

@media only screen and (min-width:768px) and (max-width:991px) {
    .worldfocus-detail-teddy1 {
        top: 5px;
    }
    .worldfocus-detail-teddy2 {
        top: 5px;
    }
    .worldfocus-detail-teddy4 {
        top: 35%;
        z-index: 1;
    }
    .worldfocuscar-teddy {
        top: 20%;
        width: 11%;
    }
    .worldfocus-detail-teddy5 {
        top: 50%;
    }
    .worldfocus-cast-teddy2 {
        right: 23%;
    }
    .worldfocus-detail-teddy3 {
        top: 55%;
    }
    .worldfocus-cast-teddy {
        bottom: 21%;
        left: 1%;
        z-index: 1;
    }
    .worldfocus-detail-teddy {
        width: 8%;
    }
}

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

    .worldfocus-detail-teddy1 {
        top: 5px;
        width: 10%;
    }
    .worldfocus-detail-teddy2 {
        top: 5px;
    }
    .worldfocus-detail-teddy4 {
        top: 32%;
        z-index: 1;
        width: 10%;
    }
    .worldfocuscar-teddy {
        top: 15%;
        width: 13%;
    }
    .worldfocus-detail-teddy5 {  
        top: 45%;
        right: 5%;
        width: 13%;
    }
    .worldfocus-cast-teddy2 {
        right: 14%;
        width: 12%;
    }
    .worldfocus-detail-teddy3 {
        top: 67%;
        width: 13%;
        left: 0;
    }
    .worldfocus-cast-teddy {
        bottom: 21%;
        left: 1%;
        z-index: 1;
    }
    .worldfocus-detail-teddy {
        width: 9%;
    }
}

@media only screen and (max-width: 575px) {
    .worldfocus-detail-teddy1 {
        top: 5px;
        width: 10%;
    }
    .worldfocus-detail-teddy2 {
        top: 5px;
    }
    .worldfocus-detail-teddy4 {
        top: 32%;
        z-index: 1;
        width: 10%;
    }
    .worldfocuscar-teddy {
        top: 15%;
        width: 13%;
    }
    .worldfocus-detail-teddy5 {  
        top: 44%;
        right: 5%;
        width: 13%;
    }
    .worldfocus-cast-teddy2 {
        right: 14%;
        width: 10%;
    }
    .worldfocus-detail-teddy3 {
        top: 67%;
        width: 13%;
        left: 0;
    }
    .worldfocus-cast-teddy {
        bottom: 18%;
        left: 1%;
        z-index: 1;
    }
    .worldfocus-detail-teddy {
        width: 9%;
        bottom: 3%;
    }
}

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

    .worldfocus-detail-teddy1 {
        top: 5px;
        width: 14%;    
    }
    .worldfocus-detail-teddy2 {
        top: 5px;
        width: 16%;
        animation: shapePluse 3s infinite alternate;
    }
    .worldfocus-detail-teddy4 {
        top: 73%;
        z-index: 1;
        left: 2%;
        width: 14%;
    }
    .worldfocuscar-teddy {
        top: 13%;
        width: 16%;
    }
    .worldfocus-detail-teddy5 {
        top: 41%;
        right: 1%;
        width: 20%;
    }
    .worldfocus-cast-teddy2 {
        right: 6%;
        width: 13%;
    }
    .worldfocus-detail-teddy3 {
        top: 56%;
        width: 20%;
        left: 0;
    }
    .worldfocus-cast-teddy {
        bottom: 14%;
        width: 12%;
        left: 1%;
        z-index: 1;
    }
    .worldfocus-detail-teddy {
        width: 13%;
        bottom: 1%;
    }
}

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

    .worldfocus-detail-teddy2 {
        top: 5px;
        width: 19%;
    }
    .worldfocus-detail-teddy1 {
        top: 5px;
        width: 16%;
    }
    .worldfocuscar-teddy {
        top: 10%;
        width: 20%;
    }
    .worldfocus-detail-teddy3 {
        top: 57%;
        z-index: 1;
        width: 23%;
        left: 0;
    }
    .worldfocus-detail-teddy {
        width: 15%;
        bottom: 1%;
    }
    .worldfocus-detail-teddy5 {
        width: 17%;
    }
}


/* program and schedule page responsive  */

@media only screen and (min-width:1200px) and (max-width:1399px) {

    .program-teddy {
        top: 1%;
    }
    .program-teddy2 {
        right: 1%;
        top: 1%;
        width: 6%;
    }
    .program-sun {
        top: 18%;
        left: 34%;
    }
    .program-teddy3 {
        top: 92%;
        width: 7%;
    }
    .program-teddy5 {
        top: 16%;
        right: -1%;
        width: 7%;
        animation: wobble-teddy2 5s infinite alternate;
    }
    .program-teddy4 {
        bottom: 1%;
        width: 8%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .program-teddy {
        top: 3%;
    }
    .program-teddy2 {
        right: 1%;
        top: 1%;
        width: 7%;
    }
    .program-sun {
        top: 2%;
        left: 47%;
    }
    .program-teddy5 {
        top: 21%;
        right: 22%;
        width: 5%;
        animation: wobble-teddy2 4s infinite alternate;
    }
    .program-teddy4 {
        bottom: 0%;
    }
    .program-teddy3 {
        top: 92%;
        left: 0%;
        width: 6%;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .program-schedule-section .film-crew-btn {
        width: 100%;
        margin: auto;
    }
    .program-teddy {
        top: 2%;
    }
    .program-teddy2 {
        top: 0;
        width: 8%;
    }
    .program-sun {
        top: 1%;
        left: 50%;
        transform: translateX(-50%);
    }
    .program-teddy5 {
        top: 23%;
        right: 11%;
        width: 7%;
        animation: wobble-teddy2 6s infinite alternate;
    }
    .program-teddy4 {
        width: 13%;
        bottom: 0%;
    }
    .program-teddy3 {
        top: 62%;
        opacity: 0.8;
        left: 0%;
        width: 6%;
    }
}

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

    .program-teddy {
        top: 2%;
        width: 14%;
    }
    .program-teddy2 {
        top: 0%;
        width: 11%;
    }
    .program-sun {
        top: 38%;
        left: 2%;
        width: 8%;
    }
    .program-teddy3 {
        top: 93%;
    }
    .program-teddy4 {
        bottom: 2%;
        width: 13%;
    }
    .program-schedule-section .fc-scroller.fc-day-grid-container {
        height: 385px !important;
    }
}

@media only screen and (max-width: 575px) {
    .program-teddy {
        top: 2%;
        width: 14%;
    }
    .program-teddy2 {
        top: 0%;
        width: 11%;
    }
    .program-sun {
        top: 38%;
        left: 0%;
        width: 8%;
    }
    .program-teddy3 {
        top: 93%;
    }
    .program-teddy4 {
        bottom: 1%;
        width: 13%;
    }
    .program-schedule-section .fc-scroller.fc-day-grid-container {
        height: 385px !important;
    }
}

@media only screen and (max-width: 375px) {
    .program-teddy {
        top: 2%;
        width: 20%;
    }
    .program-teddy2 {
        top: 0%;
        width: 15%;
    }
    .program-sun {
        top: 41%;
        left: 2%;
        width: 10%;
    }
    .program-teddy5 {
        top: 40%;
        width: 11%;
        animation: wobble-teddy2 9s infinite alternate;
    }
    .program-teddy3 {
        top: 93%;
        width: 11%;
    }
    .program-teddy4 {
        bottom: 1%;
        width: 18%;
    }
    .program-schedule-section .fc-toolbar .fc-center {
        margin-top: 10px !important;
    }
}

@media only screen and (max-width: 320px) {
    
    .program-teddy {
        top: 2%;
        width: 23%;
    }
    .program-teddy2 {
        top: 0%;
        width: 18%;
    }
    .program-teddy5 {
        top: 40%;
        width: 12%;
        animation: wobble-teddy2 9s infinite alternate;
    }
    .program-teddy3 {
        top: 94%;
        width: 11%;
    }
    .program-teddy4 {
        bottom: 1%;
        width: 21%;
    }
    .program-schedule-section .fc-toolbar .fc-center {
        margin-top: 10px !important;
    }
}

/* film crew film festival page responsive  */
@media only screen and (min-width:1200px) and (max-width:1399px) {

    .bg-film-crew .but-bg1 {
        left: 25px;
    }
    .destination-icon {
        z-index: -1;
    }
    .crew-image {
        right: 0%;
        width: 12%;
        top: 49%;
        z-index: 1;
    }
    .bg-film-crew .photo-sun-bg {
        top: 48%;
        left: 0%;
        width: 96px;
    }
    .bg-film-crew .carton-3 {
        top: 87%;
        width: 8%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .bg-film-crew .destination-icon {
        animation: plan 20s linear infinite;
        z-index: -1;
    }
    .bg-film-crew .photo-sun-bg {
        top: 1%;
        left: 89%;
        height: 80px;
        width: 80px;
    }
    .crew-image {
        right: 0%;
        width: 7%;
        top: 51%;
        z-index: 1;
    }
    .bg-film-crew .carton-3 {
        top: 88%;
        width: 8%;
    }
    .bg-film-crew .bg-listing-crew {
        padding: 0 0 40px 0;
    }
    .bg-film-crew .crew-listing-info {
        padding: 22px 27px;
    }
}

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

    .bg-film-crew  {
        padding: 80px 0;
    }
    .bg-film-crew .but-bg1 {
        width: 9%;
        left: 20%;
    }
    .bg-film-crew .destination-icon {
        animation: none;
        top: 2%;
        right: 2%;
        width: 8%;
    }
    .bg-film-crew .bg-listing-crew {
        padding: 0 0 30px 0;
    }
    .crew-image {
        width: 10%;
        top: 16%;
    }
    .bg-film-crew .photo-sun-bg {
        top: 43%;
        left: 0%;
        height: 80px;
        width: 80px;
    }
    .bg-film-crew .carton-3 {
        position: absolute;
        top: 67%;
        left: 1%;
        width: 10%;
        animation: shapePluse 6s linear infinite;
    }
    .crew-rightside-image {
        bottom: 4%;
        width: 9%;
    }
}

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

    .bg-film-crew  {
        padding: 80px 0;
    }
    .bg-film-crew .but-bg1 {
        width: 12%;
        top: -15px;
        left: 25%;
    }
    .bg-film-crew .destination-icon {
        top: 1%;
        width: 10%;
        animation: none;
    }
    .bg-film-crew .bg-listing-crew {
        padding: 0;
    }
    .bg-film-crew .photo-sun-bg {
        top: 9%;
        height: 80px;
        width: 80px;
    }
    .bg-film-crew .bg-listing-crew .row {
        justify-content: center;
    }
    .crew-image {
        width: 15%;
        top: 38%;
    }
    .bg-film-crew .carton-3 {
        top: 67%;
        left: 1%;
        width: 13%;
    }
    .crew-rightside-image {
        bottom: 2%;
        width: 12%;
    }
}

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

    .bg-film-crew  {
        padding: 70px 0;
    }
    .bg-film-crew .but-bg1 {
        width: 12%;
        top: -13px;
        left: 30%;
    }
    .bg-film-crew .bg-listing-crew {
        padding: 0;
    }
    .bg-film-crew .crew-listing-box {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .bg-film-crew .photo-sun-bg {
        height: 80px;
        width: 80px;
        top: 20%;
        left: 1%;
    }
    .bg-film-crew .destination-icon {
        top: 2%;
    }
    .crew-image {
        right: 1%;
        width: 15%;
        top: 38%;
    }
    .bg-film-crew .carton-3 {
        top: 63%;
        left: 2%;
    }
    .crew-rightside-image {
        bottom: 2%;
        width: 12%;
    }
    .bg-film-crew .film-crew-btn {
        width: 85%;
    }
}

@media only screen and (max-width: 375px) {
    .bg-film-crew .but-bg1 {
        width: 18%;
        top: -37px;
        left: 9%;
        z-index: -1;
    }
    .bg-film-crew .destination-icon {
        top: 1%;
    }
    .bg-film-crew .photo-sun-bg {
        height: 50px;
        width: 50px;
        top: 11%;
        left: 1%;
    }
    .bg-film-crew .crew-listing-box {
        width: 100%;
    }
    .crew-image {
        right: 0%;
        width: 18%;
        top: 39%;
        z-index: 2;
    }
    .bg-film-crew .carton-3 {
        top: 68%;
        left: 2%;
        width: 13%;
    }
    .crew-rightside-image {
        bottom: 1%;
        width: 14%;
    }
    .bg-film-crew .film-crew-btn {
        width: 100%;
    }
}

@media only screen and (max-width: 320px) {
    .bg-film-crew .but-bg1 {
        width: 14%;
        top: -8px;
        left: 9%;
    }
    .bg-film-crew .photo-sun-bg {
        height: 44px;
        width: 45px;
        top: 12%;
        left: 2%;
    }
    .bg-film-crew .crew-listing-image {
        height: 300px;
    }
    .bg-film-crew .crew-listing-info {
        padding: 20px 20px;
    }
}

/* film crew detail film festival page responsive  */

@media only screen and (min-width:1200px) and (max-width:1399px) {

    .film-detail-image {
        width: 380px;
    }
    .crew-teddy-bg {
        top: 3%;
        left: 7%;
    }
    .crew-teddy1-bg {
        z-index: 1;
        top: 5px;
    }
    .crew-teddy4 {
        top: 50%;
        z-index: 1;
    }
    .film-detail-teddy {
        top: unset;
        right: 65%;
        width: 7%;
        bottom: 5%;
    }
    .crew-teddy3 {
        bottom: 4%;
    }
    .crew-film-teddy {
        right: 0%;
        top: 87%;
        width: 8%;
        z-index: 1;
    }
    .film-slider .prev-arrow6 {
        position: absolute;
        bottom: -60px;
        left: 45%;
    }
    .film-slider .next-arrow6 {
        position: absolute;
        bottom: -60px;
        right: 45%;
    }
    .film-crew-image-info ul li h6 {
        width: 20%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .bg-film-detail {
        padding: 80px 0;
    }
    .film-detail-image {
        height: 500px;
        width: 350px;
    }
    .film-right-info {
        margin-left: -30px;
        padding: 40px 40px 20px 75px;
    }
    .crew-teddy-bg {
        top: 3%;
        left: 5%;
        width: 9%;
    }
    .crew-teddy1-bg {
        top: 1%;
        z-index: 1;
        width: 10%;
    }
    .crew-teddy4 {
        top: 57%;
        width: 12%;
        z-index: 1;
    }
    .film-detail-teddy {
        top: unset;
        bottom: 10px;
        right: 62%;
        width: 8%;
    }
    .crew-teddy3 {
        bottom: 4%;
    }
    .crew-film-teddy {
        right: 0%;
        top: 85%;
        width: 9%;
        z-index: 1;
    }
    .film-slider .worldfocus-list {
        min-height: 350px;
    }
    .film-slider .prev-arrow6 {
        position: absolute;
        bottom: -60px;
        left: 44%;
    }
    .film-slider .next-arrow6 {
        position: absolute;
        bottom: -60px;
        right: 44%;
    }
    .film-crew-image-info ul li h6  {
        width: 25%;
    }
}

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

    .bg-film-detail {
        padding: 70px 0;
    }
    .film-detail-image {
        height: 300px;
        width: 300px;
        top: 0%;
        left: unset;
        right: 0;
        transform: unset;
    }
    .film-detail-main {
        position: relative;
        border-radius: 10px;
        background-color: white;
        box-shadow: 0px 0px 15px 2px lightgray;
    }
    .film-right-info {
        margin-left: 0;
        box-shadow: none;
        border-radius: 0;
        padding: 40px;
    }
    .film-slider .prev-arrow6 {
        position: absolute;
        bottom: -50px;
        left: 42%;
    }
    .film-slider .next-arrow6 {
        position: absolute;
        bottom: -50px;
        right: 42%;
    }
    .crew-teddy-bg {
        top: 5px;
        left: 9%;
        width: 11%;
        z-index: 1;
    }
    .crew-teddy1-bg  {
        top: 5px;
        width: 9%;
        z-index: 1;
    }
    .crew-teddy4 {
        top: 51%;
        z-index: 1;
        width: 15%;
    }
    .film-detail-teddy {
        right: 70%;
        width: 9%;
    }
    .film-detail-title h1::before {
        top: 40px;
    }
    .film-detail-title h1::after {
        top: 40px;
    }
    .crew-film-teddy {
        right: 0%;
        z-index: 1;
        top: 81%;
        width: 10%;
    }
    .crew-teddy3 {
        bottom: 3%;
        width: 10%;
    }
    .film-detail-title {
        margin: 0 auto 20px auto;
    }
    .film-slider .worldfocus-list {
        min-height: 375px;
    }
    .personal-film-listing {
        margin-right: -10px;
    }
    .film-crew-image-info ul li h6  {
        width: 20%;
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .bg-film-detail {
        padding: 70px 0;
    }
    .film-detail-image {
        height: 280px;
        width: 260px;
        top: 0%;
        left: unset;
        right: 0;
        transform: unset;
    }
    .film-detail-main {
        position: relative;
        border-radius: 10px;
        background-color: white;
        box-shadow: 0px 0px 15px 0px lightgray;
    }
    .film-right-info {
        margin-left: 0;
        box-shadow: none;
        border-radius: 0;
        padding: 30px;
    }

    .film-detail-title h1::before {
        top: 40px;
    }
    .film-detail-title h1::after {
        top: 40px;
    }
    .film-detail-title {
        margin: 0 auto 20px auto;
    }
    .film-slider .prev-arrow6 {
        position: absolute;
        bottom: -60px;
        left: 40%;
    }
    .film-slider .next-arrow6 {
        position: absolute;
        bottom: -60px;
        right: 40%;
    }
    .film-slider .worldfocus-list {
        min-height: 350px;
    }
    .worldfocus-img {
        height: 270px;
    }
    .crew-teddy-bg {
        top: 5px;
        width: 14%;
    }
    .crew-teddy1-bg {
        top: 5px;
        width: 12%;
        z-index: 1;
    }
    .crew-teddy4 {
        top: 56%;
        z-index: 1;
        width: 15%;
    }
    .film-detail-teddy {
        top: unset;
        right: 70%;
        width: 15%;
        bottom: 5px;
    }
    .crew-film-teddy {
        right: 1%;
        top: 86%;
        z-index: 1;
        width: 12%;
    }
    .crew-teddy3 {
        bottom: 3%;
        width: 12%;
    }
    .personal-film-listing {
        margin-right: -10px;
    }
    .film-crew-image-info ul li h6  {
        width: 18%;
    }
}

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

    .bg-film-detail {
        padding: 70px 0;
    }
    .film-slider .worldfocus-list {
        min-height: 350px;
        width: 100%;
    }
    .worldfocus-img {
        height: 270px;
    }
    .film-slider .prev-arrow6 {
        position: absolute;
        bottom: -60px;
        left: 40%;
    }
    .film-slider .next-arrow6 {
        position: absolute;
        bottom: -60px;
        right: 40%;
    }
    .film-detail-main {
        position: relative;
        border-radius: 10px;
        background-color: white;
        box-shadow: 0px 0px 15px 0px lightgray;
    }
    .film-right-info {
        margin-left: 0;
        box-shadow: none;
        border-radius: 0;
        padding: 30px;
    }
    .film-detail-image {
        height: 350px;
        width: 350px;
        transform: unset;
        position: unset;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    }
    .film-crew-image-info ul li {
        justify-content: space-between;
    }
    .film-crew-image-info ul li span {
        width: 50%;
        margin-left: 0px;
    }
    .crew-teddy-bg {
        top: 10px;
        width: 13%;
    }
    .crew-teddy1-bg {
        top: 10px;
        width: 12%;
        z-index: 1;
    }
    .film-detail-title h1::before {
        top: 40px;
    }
    .film-detail-title h1::after {
        top: 40px;
    }
    .film-detail-title {
        margin: 0 auto 20px auto;
    }

    .crew-teddy4 {
        top: 25%;
        z-index: 1;
        width: 19%;
    }
    .film-detail-teddy {
        right: 72%;
        width: 11%;
    }
    .crew-film-teddy {
        top: -14%;
        width: 12%;
    }
    .crew-teddy3 {
        bottom: 3%;
        width: 12%;
    }
    .personal-film-listing {
        margin-right: -10px;
    }
    .film-crew-image-info ul li h6  {
        width: 20%;
    }
    
}

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

    .bg-film-detail {
        padding: 70px 0;
    }
    .film-detail-image {
        height: 330px;
        width: 100%;
        transform: unset;
        position: unset;
        margin: 0;
    }
    .film-crew-image-info ul li {
        justify-content: space-between;
    }
    .film-crew-image-info ul li span {
        width: 50%;
        margin-left: 0px;
    }
    .film-detail-image img {
        border-radius: 0px;
    }
    .crew-teddy4 {
        top: 21%;
    }
    .crew-teddy-bg {
        top: 10px;
        width: 19%;
    }
    .crew-teddy1-bg {
        top: 10px;
        width: 15%;
        z-index: 1;
    }
    .crew-film-teddy {
        top: -12%;
        width: 16%;
    }
    .film-detail-teddy {
        right: 75%;
        width: 21%;
        top: unset;
        bottom: 1px;
    }
    .personal-film-listing .worldfocus-list {
        margin-right: 0px;
    }
    .film-slider .prev-arrow6 {
        position: absolute;
        bottom: -50px;
        left: 35%;
    }
    .film-slider .next-arrow6 {
        position: absolute;
        bottom: -50px;
        right: 35%;
    }
    .crew-teddy3 {
        bottom: 3%;
        width: 15%;
    }
    .personal-film-listing {
        margin-right: 0px;
    }
    .film-crew-image-info ul li h6 {
        width: 34%;
    }
}

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

    .film-detail-image {
        height: 270px;
    }
    .film-slider .prev-arrow6 {
        position: absolute;
        bottom: -40px;
        left: 30%;
    }
    .film-slider .next-arrow6 {
        position: absolute;
        bottom: -40px;
        right: 30%;
    }
    .crew-teddy-bg {
        top: 10px;
        width: 20%;
    }
    .crew-teddy4 {
        top: 17%;
    }
    .crew-film-teddy {
        top: -12%;
        width: 18%;
    }
    .film-crew-image-info ul li h6 {
        width: 40%;
    }
    .film-right-info {
        padding: 20px;
    }
}

/* help kids film festival page responsive  */

@media only screen and (min-width:1200px) and (max-width:1399px) {

    .help-teddy-3 {
        width: 9%;
        bottom: 1%;
        left: 3%;
        animation: none;
    }
    .help-teddy-1 {
        top: 2%;
    }
    .help-teddy-2 {
        bottom: 2%;
        width: 7%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .help-teddy-1 {
        top: 2%;
    }
    .help-teddy-3 {
        left: 1%;
        bottom: 2%;
        animation: none;
    }
    .help-teddy-2 {
        bottom: 4%;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .help-section {
        padding: 80px 0;
    }
    .help-teddy {
        width: 10%;
    }
    .help-teddy-1 {
        top: 2%;
        width: 8%;
    }
    .help-teddy-3 {
        width: 10%;
        bottom: 4%;
        z-index: -1;
        left: 0%;
        animation: none;
    }
    .help-teddy-2 {
        bottom: 3%;
    }
    .cloud2 {
        z-index: -1;
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .help-section {
        padding: 80px 0;
    }
    .help-teddy {
        width: 13%;
    }
    .help-teddy-1 {
        top: 1%;
        width: 10%;
    }
    .help-teddy-3 {
        width: 15%;
        left: 2%;
        bottom: 1%;
        animation: none;
    }
    .help-teddy-2 {
        bottom: 30%;
        z-index: -1;
    }
}

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

     .help-section {
        padding: 70px 0;
    }
    .help-teddy {
        width: 13%;
    }
    .help-teddy-1 {
        top: 1%;
        width: 10%;
    }
    .help-teddy-3 {
        width: 15%;
        left: 2%;
        bottom: 1%;
        animation: none;
    }
    .help-teddy-2 {
        bottom: 30%;
        z-index: -1;
    }
}

@media only screen and (max-width: 375px) {
    .help-teddy-2 {
        bottom: 22%;
        z-index: -1;
        width: 14%;
    }
    .help-teddy-3 {
        width: 20%;
        left: 2%;
        bottom: 0%;
        animation: none;
    }
    .help-teddy-1 {
        top: 1%;
        width: 12%;
    }
    .help-teddy {
        width: 18%;
    }
    .cloud2 {
        z-index: -1;
    }
}

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

    .help-teddy {
        width: 20%;
    }
    .help-teddy-1 {
        top: 1%;
        width: 15%;
    }
    .help-teddy-3 {
        width: 18%;
        left: 2%;
        bottom: 62%;
        animation: none;
    }
}

/* Cart film festival page responsive  */

@media only screen and (min-width:1200px) and (max-width:1399px) {

    .film-cart-teddy2 {
        left: 2%;
        top: 2%;
        width: 8%;
    }
    .film-cart-teddy6 {
        width: 5%;
    }
    .film-cart-teddy3 {
        top: 77%;
        left: 0%;
        z-index: -1;
        width: 8%;
    }
    .total-amount {
        padding: 25px 20px;
    }
    .film-cart-teddy4 {
        top: 59%;
        width: 7%;
    }
    .film-cart-teddy5 {
        bottom: 3%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .total-amount h3 {
        font-size: 22px;
    }
    .total-amount {
        padding: 25px 20px;
    }
    .buy-btn button , .pay-btn button  {
        padding: 10px 0px;
    }
    .pay-btn i, .buy-btn i {
        padding: 0 0 0 15px;
    }
    .total-amount h5 {
        font-size: 16px;
    }
    .total-amount h4 {
        font-size: 17px;
    }
    .film-cart-teddy4 {
        top: 59%;
        width: 7%;
    }
    .film-cart-teddy5 {
        width: 7%;
        bottom: 5%;
    }
    .film-cart-teddy2 {
        top: 2%;
    }
    .film-cart-teddy3 {
        top: 82%;
        left: 0%;
        width: 8%;
    }
}

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

    .film-cart-teddy6 {
        width: 7%;
    }
    .film-cart-teddy2 {
        top: 2%;
        width: 12%;
    }
    .film-cart-teddy {
        width: 7%;
    }
    .film-cart-teddy3 {
        top: 63%;
        left: unset;
        width: 15%;
        right: 5%;
    }
    .film-cart-teddy5 {
        bottom: 3%;
        width: 8%;
    }
    .film-cart-teddy4 {
        top: 57%;
        right: unset;
        width: 9%;
        left: 0;
    }
}

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

    .film-cart-teddy2 {
        top: 1%;
        width: 16%;
    }
    .film-cart-teddy6 {
        top: 10px;
        width: 10%;
    }
    .film-cart-teddy {
        top: 10px;
        width: 10%;
    }
    .film-cart-teddy3 {
        top: 68%;
        width: 12%;
    }
    .film-cart-teddy5 {
        bottom: 2%;
        width: 7%;
    }
    .film-cart-teddy4 {
        top: 80%;
        right: 3%;
        width: 15%;
    }
    .buy-btn , .pay-btn {
        width: 50%;
    }
}

@media only screen and (max-width: 575px) {
    .film-cart-teddy2 {
        top: 1%;
        width: 16%;
    }
    .film-cart-teddy6 {
        top: 10px;
        width: 10%;
    }
    .film-cart-teddy {
        top: 10px;
        width: 10%;
    }
    .film-cart-teddy3 {
        top: 64%;
        width: 12%;
    }
    .film-cart-teddy5 {
        bottom: 2%;
        width: 7%;
    }
    .film-cart-teddy4 {
        top: 80%;
        right: 2%;
        width: 20%;
    }
    .buy-btn , .pay-btn {
        width: 65%;
    }
    .buy-btn button {
        padding: 10px 5px;
    }
    .pay-btn button {
        padding: 10px 5px;
    }
}

@media only screen and (max-width: 375px) {
    
    .film-cart-section {
        padding: 70px 0;
    }
    .film-cart-teddy2 {
        top: 1%;
        width: 20%;
    }
    .film-cart-teddy6 {
        top: 10px;
        width: 12%;
    }
    .film-cart-teddy {
        top: 10px;
        width: 14%;
    }
    .cart-table td, .cart-table th {
        padding: 10px 10px !important;
        vertical-align: middle;
    }
    .film-cart-teddy3 {
        top: 66%;
        width: 15%;
    }
    .film-cart-teddy4 {
        top: 67%;
        right: 2%;
        width: 12%;
    }
    .buy-btn , .pay-btn {
        width: 100%;
    }
    .total-amount {
        padding: 20px 20px;
    }
    .film-cart-teddy5 {
        bottom: 2%;
        width: 9%;
    }
}

@media only screen and (max-width: 320px) {
    .film-cart-teddy2 {
        top: 1%;
        width: 21%;
    }
    .film-cart-teddy {
        top: 10px;
        width: 16%;
    }
    .film-cart-teddy3 {
        top: 66%;
        width: 18%;
    }
    .film-cart-teddy4 {
        top: 70%;
        right: 2%;
        width: 14%;
    }
    .film-cart-teddy5 {
        bottom: 2%;
        width: 10%;
        animation: move-teddy 4s infinite alternate;
    }
}

/* login kids film festival page responsive  */

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .film-login-teddy2 {
        left: 5%;
        width: 12%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .film-login-teddy2 {
        left: 5%;
        width: 12%;
    }
    .ac-link {
        margin-top: 35px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .film-login-teddy1 {
        top: 7px;
        width: 9%;
    }
    .film-login-teddy4 {
        top: 10px;
        right: 5%;
        width: 7%;
    }
    .film-login-teddy2 {
        bottom: 21%;
        left: 1%;
        width: 15%;
    }
    .ac-link {
        margin-top: 35px;
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    
    .film-login-teddy1 {
        top: 5px;
        width: 13%;
    }
    .film-login-teddy4 {
        top: 5px;
        right: 5%;
        width: 11%;
    }
    .film-login-teddy2 {
        bottom: 23%;
        left: 1%;
        width: 17%;
    }
    .film-login-teddy3 {
        width: 7%;
    }
    .ac-link {
        margin-top: 35px;
    }
}

@media only screen and (max-width: 575px) {
   
    .film-login-teddy1 {
        top: 1%;
        width: 13%;
    }
    .film-login-teddy4 {
        top: 3%;
        width: 11%;
    }
    .ac-link {
        margin-top: 40px;
    }
    .film-login-teddy2 {
        bottom: 24%;
        left: 4%;
        width: 20%;
    }
    .login-details .film-crew-btn {
        width: 50%;
        margin: 0 auto 20px auto;
    }
}

@media only screen and (max-width: 375px) {
    
    .login-form h2 {
        font-size: 30px;
    }
    .login-form h5 {
        font-size: 19px;
    }
    .login-details .film-crew-btn {
        width: 60%;
        margin: 0 auto 20px auto;
    }
    .film-login-teddy1 {
        top: 1%;
        width: 18%;
    }
    .film-login-teddy4 {
        top: 3%;
        width: 17%;
    }
    .film-login-teddy2 {
        bottom: 5%;
        left: 1%;
        width: 20%;
    }
    .film-login-teddy3 {
        right: 0%;
        bottom: 25%;
        width: 8%;
    }
    .bor-der {
        border-radius: 0;
    }
}

@media only screen and (max-width: 320px) {
    .film-login-teddy1 {
        top: 1%;
        width: 21%;
    }
    .film-login-teddy4 {
        top: 3%;
        width: 20%;
    }
    .login-form h2 {
        font-size: 27px;
    }
    .film-login-teddy2 {
        width: 22%;
    }
    .film-login-teddy3 {
        width: 10%;
    }
    .film-login label {
        margin-top: 5px;
    }
    .re-name input {
        margin: 10px 0px;
    }
    .bor-der {
        border-radius: 0;
    }
}

/* register film festival page responsive  */

@media only screen and (min-width:1200px) and (max-width:1399px) {

    .festival-teddy1 {
        top: 0%;
        width: 7%;
    }
    .bike-teddy {
        width: 13%;
        top: 0%;
    }
    .festival-teddy3 {
        top: 30%;
        right: 0%;
        width: 7%;
        z-index: -1;
    }
    .festival-teddy2 {
        top: 59%;
        left: 0%;
        opacity: 0.8;
        width: 8%;
    }
    .festival-star {
        bottom: 3%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .festival-teddy1 {
        top: 1%;
        width: 8%;
    }
    .festival-teddy2 {
        top: 59%;
        left: 0%;
        opacity: 0.8;
        width: 8%;
    }
    .festival-teddy3 {   
        top: 32%;
        right: 1%;
        width: 8%;
        z-index: -1;
    }
    .festival-star {
        bottom: 5%;
    }
    .bike-teddy {
        width: 14%;
    }

}

@media only screen and (min-width:768px) and (max-width:991px) {
    
    .filmfestival-register {
        padding: 80px 0;
    }
    .festival-teddy1 {
        top: 2px;
        width: 9%;
    }
    .bike-teddy {
        width: 17%;
        top: 3px;
    }
    .festival-teddy2 {
        top: 59%;
        left: 0%;
        opacity: 0.8;
        width: 8%;
    }
    .festival-star {
        bottom: 7%;
    }
    .register-btn {
        width: 40%;
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    
    .filmfestival-register {
        padding: 80px 0;
    }
    .festival-teddy1 {
        top: 1%;
        width: 12%;
    }
    .bike-teddy {
        width: 23%;
        top: 0;
    }
    .festival-teddy3 {
        top: 37%;
        right: 0%;
        z-index: -1;
        width: 13%;
    }
    .login-information .film-form-title h2 {
        font-size: 30px;
    }
    .festival-star {
        bottom: 4%;
        width: 8%;
    }
    .festival-teddy4 {
        bottom: 7%;
        width: 13%;
    }
    .register-btn {
        width: 40%;
    }
}

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

    .filmfestival-register {
        padding: 70px 0;
    }
    .festival-teddy1 {
        top: 5px;
        width: 10%;
    }
    .bike-teddy {
        width: 21%;
        top: 2px;
    }
    .register-input select {
        padding: 8px 20px;
    }
    .login-information {
        margin: 10px auto;
    }
    .festival-teddy2 {
        top: 59%;
        left: 0%;
        opacity: 0.8;
        width: 8%;
    }
    .festival-teddy4 {
        bottom: 5%;
        width: 13%;
    }
    .festival-teddy3 {
        top: 39%;
        right: 0%;
        width: 10%;
        z-index: -1;
    }
    .festival-star {
        bottom: 4%;
    }
    .login-information .film-form-title h2 {
        font-size: 30px;
    }
    .login-information .film-form-title h2::before {
        top: 35px;
    }
    .login-information .film-form-title h2::after {
        top: 35px;
    }
    .login-information {
        margin: 0px auto;
    }
    .register-input select {
        margin-bottom: 0;
    }
    .register-input input {
        margin-bottom: 0;
    }
    .festival-teddy5 {
        left: 22%;
        width: 11%;
    }
    .register-btn {
        width: 50%;
    }
}

@media only screen and (max-width: 375px) {
    .festival-teddy1 {
        top: 5px;
        width: 16%;
    }
    .bike-teddy {
        width: 28%;
        top: 2px;
    }
    .festival-teddy3 {
        top: 39%;
        right: 0%;
        width: 15%;
        z-index: -1;
    }
    .register-btn {
        width: 100%;
    }
    .festival-teddy2 {
        top: 44%;
        left: 0%;
        opacity: 0.8;
        width: 13%;
    }
    .festival-teddy4 {
        bottom: 3%;
        width: 13%;
    }
    .festival-star {
        bottom: 4%;
        width: 10%;
    }
}

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

    .festival-teddy1 {
        top: 5px;
        width: 18%;
    }
    .festival-pen {
        top: 2%;
        left: 82%;
    }
    .bike-teddy {
        display: none;
    }
    .festival-teddy3 {
        top: 39%;
        right: 0%;
        width: 18%;
        z-index: -1;
    }
    .festival-teddy2 {
        display: none;
    }
}

/* event film festival page responsive  */
@media only screen and (min-width:1200px) and (max-width:1399px) {
   
    .film-event-teddy1 {
        top: 0;
        width: 7%;
    }
    .film-event-teddy {
        top: 10px;
    }
    .film-event-teddy4 {
        top: 46%;
        right: 0%;
        z-index: 10;
        width: 7%;
    }
    .film-event-teddy2 {
        left: 0%;
        width: 8%;
        z-index: 10;
    }
    .film-event-teddy5 {
        bottom: 2%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    
    .events-filmfestival-section .event-detail {
        padding: 15px 20px;
    }
    .film-event-teddy1 {
        top: 5px;
        width: 8%;
    }
    .film-event-teddy {
        top: 5px;
        width: 8%;
    }
    .film-event-teddy4 {
        top: 45%;
        right: 0%;
        width: 8%;
        z-index: 10;
    }
    .film-event-teddy2 {
        top: 45%;
        left: 0%;
        z-index: 10;
    }
    .film-event-teddy5 {
        bottom: 2%;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    
    .events-filmfestival-section , .film-event-detail{
        padding: 80px 0;
    }
    .events-filmfestival-section .event-detail {
        padding: 15px 20px;
    }
    .film-event-teddy1 {
        top: 5px;
        width: 10%;
    }
    .film-event-teddy {
        top: 5px;
        width: 10%;
    }
    .film-event-teddy4 {
        top: 51%;
        right: 0%;
        z-index: 10;
    }
    .film-event-teddy2 {
        top: 35%;
        z-index: 10;
        left: 1%;
        width: 9%;
    }
    .film-event-teddy5 {
        bottom: 2%;
    }
    .film-event-teddy3 {
        bottom: 1%;
        z-index: 10;
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    
    .events-filmfestival-section , .film-event-detail{
        padding: 80px 0;
    }
    .film-event-teddy1 {
        top: 5px;
        width: 14%;
    }
    .film-event-teddy {
        width: 10%;
    }
    .film-event-teddy2 {
        top: 20%;
        left: 2%;
        z-index: 10;
        width: 19%;
    }
    .film-event-teddy4 {
        right: 0%;
        width: 15%;
    }
    .film-event-teddy5 {
        bottom: 31%;
        left: 1%;
    }
    .film-event-teddy3 {
        width: 12%;
    }
}

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

    .events-filmfestival-section , .film-event-detail{
        padding: 70px 0;
    }
    .film-event-teddy1 {
        top: 5px;
        width: 14%;
    }
    .film-event-teddy {
        width: 10%;
    }
    .film-event-teddy2 {
        top: 20%;
        left: 2%;
        z-index: 10;
        width: 19%;
    }
    .film-event-teddy4 {
        right: 0%;
        width: 15%;
    }
    .film-event-teddy5 {
        bottom: 31%;
        left: 1%;
    }
    .film-event-teddy3 {
        width: 12%;
    }
    .events-filmfestival-section .event-blog {
        width: 340px;
    }
}

@media only screen and (max-width: 375px) {
    .events-filmfestival-section .event-blog {
        width: 320px;
    }
    .film-event-teddy1 {
        top: 5px;
        width: 15%;
    }
    .film-event-teddy {
        width: 15%;
        top: 10px;
    }
    .film-event-teddy4 {
        right: 0%;
        width: 15%;
        z-index: 10;
        top: 39%;
    }
    .film-event-teddy5 {
        bottom: 31%;
        left: 1%;
        z-index: 10;
        width: 13%;
    }
    .film-event-teddy3 {
        width: 18%;
        z-index: 10;
        bottom: 1%;
    }
    .events-filmfestival-section .img_1 {
        height: 210px;
    }
    .events-filmfestival-section .img_1 img {
        width: 100%;
    }
    .events-filmfestival-section .event-detail {
        padding: 15px 20px;
    }
}

@media only screen and (max-width: 320px) {
    .film-event-teddy {
        width: 16%;
        top: 10px;
    }
    .film-event-teddy3 {
        width: 19%;
        z-index: 10;
        bottom: 1%;
    }
    .events-filmfestival-section .event-detail {
        padding: 10px 20px;
    }
    .events-filmfestival-section .img_1 {
        height: 200px;
    }
    .events-filmfestival-section .img_1 img {
        width: 100%;
    }
}

/* event detail film festival page responsive  */
@media only screen and (min-width:1200px) and (max-width:1399px) {
    
    .event-detail-teddy1 {
        top: 0%;
        width: 6%;
    }
    .event-detail-teddy3 {
        top: 5px;
        width: 6%;
    }
    .event-detail-teddy5 {
        top: 38%;
        left: 57%;
    }
    .event-detail-teddy4 {
        bottom: 23%;
        left: 0%;
        width: 9%;
    }
    .event-detail-teddy2 {
        right: 0%;
        top: 79%;
        width: 12%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .event-detail-teddy1 {
        top: 5px;
    }
    .event-detail-teddy3 {
        top: 5px;
    }
    .film-event-detail .events-info li h5 {
        font-size: 17px;
        width: 36%;
    }
    .film-event-detail .event-detail-teddy5 {
        top: 36%;
        left: 55%;
    }
    .event-detail-teddy4 {
        bottom: 7%;
        width: 10%;
    }
    .film-event-detail .events-info .event-blog {
        margin-left: 0;
        margin-right: 0;
    }
    .film-event-detail .event-detail-teddy2 {
        top: 72%;
        z-index: 10;
    }
}

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

    .event-detail-teddy1 {
        top: 2px;
        width: 9%;
    }
    .event-detail-teddy3 {
        top: 5px;
    }
    .event-detail-teddy5 {
        top: 23%;
        left: 85%;
    }
    .event-detail-teddy2 {
        top: 55%;
        width: 11%;
        right: unset;
        left: 5%;
    }
    .film-event-detail .img_1 img {
        width: 100%;
    }
    .event-detail-teddy4 {
        bottom: 17%;
        left: unset;
        width: 14%;
        right: 0;
    }
    .film-event-detail .film-crew-btn {
        margin:0 0 0 auto ;
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    
    .event-detail-teddy1 {
        top: 5px;
        width: 10%;
    }
    .event-detail-teddy3 {
        top: 5px;
        width: 10%;
    }
    .film-event-detail .film-crew-btn {
        margin:0 0 0 auto ;
    }
    .event-detail-teddy2 {
        top: 64%;
        width: 17%;
    }
    .event-detail-teddy5 {
        top: 20%;
        left: 82%;
    }
    .film-event-detail .img_1 img {
        width: 100%;
    }
    .event-detail-teddy4 {
        bottom: 4%;
        width: 18%;
    }
}

@media only screen and (max-width: 575px) {
    
    .film-event-detail .img_1 img {
        width: 100%;
    }
    .event-detail-teddy1 {
        top: 5px;
        width: 10%;
    }
    .event-detail-teddy3 {
        top: 5px;
        width: 10%;
    }
    .event-detail-teddy2 {
        top: 67%;
        width: 17%;
    }
    .event-detail-teddy4 {
        bottom: 4%;
        width: 18%;
    }
    .event-detail-teddy5 {
        top: 20%;
        left: 82%;
    }
    
    .film-event-detail .event-type ul {
        display: block;
    }
    .film-event-detail .event-type ul>li {
        margin: 10px 0;
    }
    .film-event-detail .film-crew-btn {
        margin: 0 0 0 0;
        width: 100%;
    }
    .film-event-detail .event-type ul li select {
        width: 100%;
        padding: 5px 5px;
        border-radius: 4px;
    }
    .film-event-detail .event-type ul li input {
        width: 100%;
        padding: 5px 5px 5px 8px;
    }
}

@media only screen and (max-width: 375px) {
    
    .event-detail-teddy1 {
        top: 5px;
        width: 14%;
    }
    .event-detail-teddy3 {
        top: 5px;
        width: 13%;
    }
    .event-detail-teddy5 {
        top: 20%;
        left: 82%;
        width: 14%;
    }
    .event-detail-teddy2 {
        top: 68%;
        width: 19%;
    }
    .event-detail-teddy4 {
        bottom: 2%;
        width: 20%;
    }
    .film-event-detail .event-type ul {
        display: block;
    }
    .film-event-detail .event-type ul>li {
        margin: 10px 0;
    }
    .film-event-detail .film-crew-btn {
        margin: 0 0 0 0;
        width: 100%;
    }
    .film-event-detail .event-type ul li select {
        width: 100%;
        padding: 5px 5px;
        border-radius: 4px;
    }
    .film-event-detail .event-type ul li input {
        width: 100%;
        padding: 5px 5px 5px 8px;
    }
    .film-event-detail .event-ticket {
        padding: 25px 20px;
    }
    .film-event-detail .event-ticket h2 {
        font-size: 25px;
    }
    .film-event-detail .event-blog {
        margin: 0;
    }
    .film-event-detail .events-info  {
        padding: 30px 20px;
    }
}

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

    .event-detail-teddy1 {
        top: 5px;
        width: 16%;
    }
    .event-detail-teddy3 {
        top: 5px;
        width: 15%;
    }
    .event-detail-teddy5 {
        top: 42%;
        left: 77%;
        width: 17%;
    }
    .event-detail-teddy2 {
        top: 68%;
        width: 22%;
    }
    .event-detail-teddy4 {
        bottom: 3%;
        width: 22%;
    }
}

/* Sponsors film festival page responsive  */

@media only screen and (min-width:1200px) and (max-width:1399px) {
    
    .Sponsor .sp-bg {
        width: 6%;
    }
    .sp-teddy2 {
        left: 50%;
        width: 7%;
    }
    .sp-teddy3 {
        bottom: 0%;
        width: 7%;
    }
    .sp-teddy {
        top: 5px;
        width: 9%;
    }
    .sp-teddy1 {
        bottom: 0%;
    }
    .sp-info {
        height: 270px;
    }
    .expand-btn {
        bottom: 125px;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .Sponsor .sp-bg {
        width: 8%;
    }
    .sp-teddy2 {
        left: 50%;
        width: 8%;
        top: 0;
    }
    .sp-teddy3 {
        bottom: 1%;
        width: 7%;
        z-index: 1;
    }
    .sp-teddy {
        top: 5px;
        width: 10%;
    }
    .sp-teddy1 {
        bottom: 1%;
        z-index: 1;
    }
    .expand-btn {
        bottom: 115px;
    }
    .sp-info {
        height: 250px;
    }

    .sponsors-title h2 {
        font-size: 23px;
        padding: 10px 100px;
    }
    .sponsor-section .Plati-first a {
        text-transform: capitalize;
        font-size: 18px;
    }
    .filmfestival-sponsors .pla-logo {
        padding: 20px 0;
    }
    .sponsors-title {
        text-align: center;
        margin: -50px auto 21px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    
    .Sponsor {
        padding: 80px 0;
    }
    .Sponsor .sp-bg {
        width: 10%;
    }
    .sp-teddy2 {
        left: unset;
        width: 10%;
        right: 5%;
        top: 3px;
    }
    .sp-teddy {
        top: 46%;
        width: 12%;
        z-index: 1;
    }
    .sp-teddy3 {
        bottom: 22%; 
        width: 9%;
        z-index: 1;
    }
    .sp-teddy1 {
        bottom: 1%;
        width: 10%;
        z-index: 1;
    }
    .next-arrow6 {
        right: 42%;
        bottom: -70px;
    }
    .prev-arrow6 {
        left: 42%;
        bottom: -70px;
    }
    .sp-info {
        padding: 170px 15px 35px 15px;
    }
    .expand-btn {
        bottom: 110px;
    }

    .exhibitors-main ul.tabs {
        display: flex;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .exhibitors {
        padding: 70px 0;
    }

    .sponsors-title h2 {
        font-size: 23px;
        padding: 10px 100px;
    }
    .sponsors-title {
        text-align: center;
        margin: -45px auto 20px;
    }
    .filmfestival-sponsors .pla-logo {
        padding: 20px 0;
    }
}


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

    .Sponsor {
        padding: 80px 0;
    }
    .Sponsor .sp-bg {
        width: 10%;
    }
    .sp-teddy2 {
        left: unset;
        width: 13%;
        right: 8%;
        z-index: 1;
    }
    .sp-teddy {
        top: 45%;
        width: 14%;
        z-index: 1;
    }
    .sp-teddy3 {
        bottom: 3%;
        width: 8%;
        z-index: 1;
    }
    .sp-teddy1 {
        bottom: 23%;
        width: 12%;
        z-index: 1;
    }
    .next-arrow6 {
        bottom: -60px;
    }
    .prev-arrow6 {
        bottom: -60px;
    }
    .sp-info {
        padding: 140px 15px 35px 15px;
        height: 230px;
        margin-top: -110px;
    }
    .expand-btn {
        bottom: 120px;
    }
    .Sponsor-slider {
        margin-left: -10px;
    }

    .exhibitors-main ul.tabs {
        display: flex;
        overflow-x: scroll;
        overflow-y: hidden;
        margin-bottom: 25px !important;
    }
    .exhibitors {
        padding: 60px 0;
    }

    .exhibitors-main ul.tabs li.current::after {
        bottom: -30px;
        border: 20px solid transparent;
        border-bottom-color: #00155f;
    }

    .exhibitors-main ul.tabs li {
        padding: 8px 70px;
        font-size: 18px;
    }
    .filmfestival-sponsors .pla-logo {
        padding: 20px 0;
    }
    .sponsors-title {
        text-align: center;
        margin: -46px auto 20px;
    }
    .sponsors-title h2 {
        font-size: 23px;
        padding: 10px 100px;
    }
}


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

    .Sponsor {
        padding: 70px 0;
        margin: 20px 0;
    }
    .Sponsor .sp-bg {
        width: 10%;
    }
    .sp-teddy2 {
        left: 12%;
        top: 54%;
        width: 13%;
        z-index: 1;
    }
    .sp-teddy {
        top: 5px;
        width: 14%;
    }
    .sp-teddy3 {
        bottom: 2%; 
        width: 12%;
        z-index: 1;
    }
    .sp-teddy1 {
        bottom: 21%;
        width: 12%;
        z-index: 1;
    }
    .next-arrow6 {
        bottom: -60px;
    }
    .prev-arrow6 {
        bottom: -60px;
    }
    .sp-info {
        padding: 140px 15px 35px 15px;
        height: 230px;
        margin-top: -110px;
    }
    .expand-btn {
        bottom: 120px;
    }
    .Sponsor-slider {
        margin-left: -10px;
    }

    .exhibitors-main ul.tabs {
        display: flex;
        overflow-x: scroll;
        overflow-y: hidden;
        margin-bottom: 20px !important;
    }
    .exhibitors {
        padding: 50px 0;
    }
    
    .exhibitors-main ul.tabs li.current::after {
        bottom: -30px;
        border: 20px solid transparent;
        border-bottom-color: #00155f;
    }

    .exhibitors-main ul.tabs li {
        padding: 10px 60px;
        font-size: 17px;
    }

    .exhibitors-main .pla-logo .col-lg-3 {
        display: flex;
        justify-content: center;
    }

    .filmfestival-sponsors .Plati-first {
        width: 80%;
    }
    .sponsors-title {
        text-align: center;
        margin: -50px auto 20px;
    }

}

@media only screen and (max-width: 375px) {
    
    .Sponsor .sp-bg {
        width: 13%;
        top: 5px;
    }
    .sp-teddy2 {
        left: 3%;
        top: 53%;
        width: 20%;
    }
    .sp-teddy {
        top: 5px;
        width: 18%;
    }
    .sp-teddy3 {
        bottom: 3%;
        width: 15%;
        z-index: 1;
    }
    .sp-teddy1 {
        bottom: 22%;
        width: 12%;
        right: 4%;
    }

    .exhibitors-main .Plati-first {
        width: 100%;
    }
    .filmfestival-sponsors .Plati-first {
        width: 100%;
    }
    .sponsors-title {
        text-align: center;
        margin: -40px auto 15px;
    }
    .sponsors-title h2 {
        font-size: 22px;
        padding: 10px 80px;
    }
    .filmfestival-sponsors .pla-logo {
        padding: 10px 0;
    }
    
}

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

    .sp-teddy {
        top: 5px;
        width: 21%;
    }
    .Sponsor .sp-bg {
        width: 14%;
        top: 5px;
    }
    .sponsors-title h2 {
        font-size: 22px;
        padding: 10px 80px;
    }
}

/* Sponsors inquiry film festival page responsive */
@media only screen and (min-width:1200px) and (max-width:1399px) {
   
    .inquiry-teddy3 {
        width: 7%;
    }
    .inquiry-teddy {
        width: 12%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    
    .inquiry-teddy3 {
        width: 7%;
    }
    .inquiry-teddy {
        width: 14%;
        right: 0;
    }
    .inquiry-teddy2 {
        width: 11%;
        right: 1%;
    }
    .header-social ul {
        justify-content: flex-start;
        gap: 25px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    
    .sp-inquiry-section {
        padding: 80px 0;
    }
    .inquiry-teddy3 {
        top: 5px;
        width: 10%;
    }
    .sp-inquiry-section .film-crew-input input {
        height: 42px;
    }
    .inquiry-teddy4 {
        top: 5px;
        left: 1%;
    }
    .inquiry-teddy {
        top: 8px;
        width: 12%;
    }
    .inquiry-teddy1 {
        left: 2%;
    }
    .inquiry-teddy2 {
        width: 12%;
        bottom: 8%;
    }
    .sp-inquiry-section .film-crew-btn {
        width: 40%;
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
   
    .sp-inquiry-section {
        padding: 80px 0;
    }
    .sp-inquiry-section .film-crew-input {
        margin-bottom: 10px;
    }
    .inquiry-teddy4 {
        top: 5px;
        left: 5px;
    }
    .inquiry-teddy3 {
        top: 2px;
        width: 14%;
    }
    .inquiry-teddy {
        top: 8px;
        width: 14%;
        animation: wobble-teddy2 5s infinite alternate;
    }
    .inquiry-teddy1 {
        left: 1%;
    }
    .inquiry-teddy2 {
        width: 13%;
        right: 1%;
        bottom: 10%;
    }
    .sp-inquiry-section .film-crew-btn {
        width: 50%;
    }
}

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

    .sp-inquiry-section {
        padding: 70px 0;
    }
    .sp-inquiry-section .film-crew-input {
        margin-bottom: 10px;
    }
    .inquiry-teddy4 {
        top: 5px;
        left: 5px;
        width: 11%;
    }
    .inquiry-teddy3 {
        top: 2px;
        width: 14%;
    }
    .inquiry-teddy {
        top: 8px;
        width: 17%;
        animation: wobble-teddy2 5s infinite alternate;
    }
    .inquiry-teddy1 {
        left: 1%;
    }
    .inquiry-teddy2 {
        width: 13%;
        right: 1%;
        bottom: 10%;
    }
    .sp-inquiry-section .film-crew-btn {
        width: 50%;
    }
    .sp-inquiry-section .register-input {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
}

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

    .sp-inquiry-section .register-input {
        width: 100%;
        margin-bottom: 10px;
    }
    .sp-inquiry-section .film-crew-btn {
        width: 100%;
    }
    .inquiry-teddy4 {
        top: 5px;
        left: 5px;
        width: 16%;
    }
    .inquiry-teddy3 {
        top: 2px;
        width: 20%;
    }
    .inquiry-teddy {
        top: 8px;
        width: 19%;
        animation: wobble-teddy2 5s infinite alternate;
    }
    .inquiry-teddy1 {
        left: 1%;
        top: 91%;
        width: 16%;
        animation: none;
    }
    .inquiry-teddy2 {
        width: 15%;
        right: 1%;
        bottom: 2%;
    }
}

@media only screen and (max-width: 320px) {
    .inquiry-teddy3 {
        top: 2px;
        width: 26%;
        left: unset;
        right: 0%;
        transform: unset;
    }
    .inquiry-teddy {
        top: 8px;
        right: 40%;
        width: 21%;
        animation: wobble-teddy2 5s infinite alternate;
    }
    .inquiry-teddy1 {
        left: 1%;
        top: 91%;
        width: 17%;
        animation: none;
    }
    .inquiry-teddy2 {
        width: 14%;
        right: 1%;
        bottom: 3%;
    }
    .cloud2 {
        top: -19px;
        z-index: 1;
    }
}

/* academy member suggestion film festival page responsive  */

@media only screen and (min-width:1200px) and (max-width:1399px) {

    .member-teddy2 {
        width: 11%;
    }
    .member-teddy3 {
        bottom: 10%;
        right: 2%;
        width: 12%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    
    .member-teddy2 {
        width: 11%;
    }
    .member-teddy3 {
        bottom: 3%;
        right: 0%;
        width: 14%;
    }
    .suggestion-form-btn button {
        padding: 10px 15px;
    }
    .suggestion-more-btn a {
        padding: 10px 4px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .member-suggestion-section {
        padding: 80px 0;
    }
    .aacadamy-section form {
        width: 90%;
    }
    .member-teddy {
        top: 5px;
        width: 9%;
    }
    .suggestion-form-btn button {
        padding: 10px 15px;
    }
    .suggestion-more-btn a {
        padding: 10px 4px;
    }
    .member-teddy2 {
        top: -10px;
        right: 1%;
        z-index: 1;
    }
    .member-teddy3 {
        bottom: 0%;
        width: 11%;
    }
    .member-teddy1 {
        left: 0%;
    }
    .member-arrow-bg {
        right: 6%;
    }
    .aacadamy-section .film-crew-input select {
        height: 42px;
        padding: 8px 20px;
    }
    .aacadamy-section .film-crew-input input {
        height: 42px;
    }
    .aacadamy-section .film-crew-input label {
        font-size: 17px;
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    
    .member-suggestion-section {
        padding: 80px 0;
    }
    .aacadamy-section form  {
        width: 100%;
    }
    .member-teddy {
        top: 1%;
        width: 9%;
    }
    .member-teddy2 {
        top: -20px;
        width: 12%;
    }
    .member-teddy3 {
        bottom: 2%;
        width: 12%;
    }
    .suggestion-form-btn button {
        padding: 10px 15px;
    }
    .suggestion-more-btn a {
        padding: 10px 4px;
    }
    .member-arrow-bg {
        right: 2%;
        width: 15%;
    }
    .member-teddy1 {
        width: 14%;
        z-index: 1;
        left: 1%;
        bottom: 7%;
        animation: none;
    }
    .aacadamy-section-text h4  {
        margin-bottom: 20px;
    }
    .suggestion-form-btn {
        width: 45% !important;
        margin: 0 auto;
    }
    .aacadamy-section .film-crew-input select {
        height: 42px;
        padding: 8px 20px;
    }
    .aacadamy-section .film-crew-input input {
        height: 42px;
    }
    .aacadamy-section .film-crew-input label {
        font-size: 17px;
    }
}

@media only screen and (max-width: 575px) {
    
    .member-suggestion-section {
        padding: 70px 0;
    }
    .aacadamy-section form  {
        width: 90%;
    }
    .member-teddy {
        top: 1%;
        width: 8%;
        z-index: 1;
    }
    .member-teddy2 {
        top: -20px;
        width: 12%;
    }
    .member-teddy3 {
        bottom: 2%;
        width: 12%;
    }
    .suggestion-form-btn button {
        padding: 10px 15px;
    }
    .suggestion-more-btn a {
        padding: 10px 4px;
    }
    .member-arrow-bg {
        right: 6%;
        width: 15%;
    }
    .member-teddy1 {
        width: 15%;
        z-index: 1;
        left: 1%;
        bottom: 4%;
        animation: none;
    }
    .aacadamy-section-text h4  {
        margin-bottom: 20px;
    }
    .aacadamy-section .film-crew-input {
        width: 100%;
    }
    .suggestion-form-btn {
        width: 50% !important;
        margin: 0 auto;
    }
    .aacadamy-section .film-crew-input select {
        height: 42px;
        padding: 8px 20px;
    }
    .aacadamy-section .film-crew-input input {
        height: 42px;
    }
    .aacadamy-section .film-crew-input label {
        font-size: 17px;
    }
}

@media only screen and (max-width: 375px) {
    
    .aacadamy-section form  {
        width: 100%;
        padding: 20px;
    }
    .member-teddy {
        top: 2px;
        width: 13%;
        z-index: 1;
    }
    .member-teddy2 {
        top: -23px;
        width: 18%;
        z-index: 1;
    }
    .suggestion-more-btn a {
        padding: 8px 4px;
    }
    .suggestion-form-btn {
        width: 100% !important;
        margin: 0 auto;
    }
    .member-teddy1 {
        width: 15%;
        z-index: 1;
        left: 1%;
        bottom: 2%;
        animation: none;
    }
    .member-arrow-bg {
        right: 1%;
        width: 21%;
        bottom: 50%;
    }
    .member-teddy3 {
        bottom: 2%;
        width: 18%;
    }
}

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

    .member-teddy {
        top: 4px;
        width: 14%;
        z-index: 1;
    }
    .member-teddy2 {
        top: -23px;
        width: 21%;
        z-index: 1;
    }
    .member-arrow-bg {
        right: 3%;
        width: 21%;
        bottom: 51%;
    }
    .member-teddy1 {
        width: 18%;
        z-index: 1;
        left: 1%;
        bottom: 2%;
        animation: none;
    }
    .member-teddy3 {
        bottom: 2%;
        width: 21%;
    }
    .film-crew-input label {
        font-size: 17px;
    }
}

/* Magazine film festival page responsive  */

@media only screen and (min-width:1200px) and (max-width:1399px) {

    .magazine-teddy1 {
        top: -11px;
        width: 6%;
    }
    .magazine-teddy2 {
        width: 8%;
        z-index: 1;
        left: 0%;
    }
    .magazine-teddy3 {
        bottom: 2%;
        width: 9%;
    }    
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .magazine-img {
        height: 250px;
    }
    .upload-date {
        padding: 8px 0 !important;
        width: 90%;
    }
    .magazine-content h5 {
        font-size: 18px;
    }
    .magazine-content i {
        font-size: 19px;
    }
    .magazine-teddy1 {
        top: -10px;
        width: 7%;
    }
    .magazine-teddy2 {
        width: 8%;
        z-index: 1;
        left: 0%;
    }
    .magazine-teddy3 {
        bottom: 4%;
    }
}

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

    .magazine-section {
        padding: 80px 0;
    }
    .magazine-teddy1 {
        left: 25%;
    }
    .magazine-teddy2 {
        width: 15%;
        left: 5%;
        top: 28%;
        animation: none;
    }
    .magazine-teddy3 {
        bottom: 1%;
        width: 12%;
    }
    .magazine-teddy {
        top: 2%;
        width: 6%;
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    
    .magazine-section {
        padding: 80px 0;
    }
    .magazine-img {
        height: 270px;
    }
    .magazine-teddy {
        top: 1%;
        width: 8%;
    }
    .magazine-teddy2 {
        width: 19%;
        animation: none;
        top: 19%;
    }
    .magazine-teddy3 {
        bottom: 1%;
        width: 15%;
    }
}

@media only screen and (max-width: 575px) {
    
    .magazine-section {
        padding: 70px 0;
    }
    .magazine-info {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
    .magazine-teddy2 {
        width: 16%;
        z-index: 1;
        left: 0%;
    }
    .magazine-teddy3 {
        right: 0%;
        bottom: 21%;
        z-index: 1;
        width: 12%;
    }
    .magazine-teddy {
        top: 18%;
        width: 7%;
    }
    .magazine-teddy1 {
        top: -18px;
        left: 0%;
        width: 12%;
    }
}

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

    .magazine-info {
        width: 100%;
    }
    .magazine-teddy1 {
        top: -8px;
        left: unset;
        right: 2%;
        width: 18%;
    }
    .magazine-teddy {
        top: 20%;
        z-index: 1;
        width: 10%;
        right: unset;
        left: 2%;
    }
    .magazine-section .form-listing {
        margin-bottom: 40px;
    }
    .magazine-teddy2 {
        width: 23%;
        z-index: 1;
        left: 2%;
        animation: none;
        bottom: 2%;
    }
    .magazine-teddy3 {
        right: 0%;
        bottom: 40%;
        z-index: 1;
        width: 18%;
    }
    .magazine-section .film-crew-btn {
        width: 100%;
        margin: auto;
    }
    .magazine-content h5 {
        font-size: 19px;
    }
    .magazine-content i {
        font-size: 18px;
    }
}

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

    .magazine-teddy1 {
        top: -10px;
        left: unset;
        right: 2%;
        width: 21%;
    }
    .magazine-teddy3 {
        right: 0%;
        bottom: 41%;
        z-index: 1;
        width: 21%;
    }
    .magazine-teddy {
        top: 19%;
        z-index: 1;
        width: 10%;
        right: unset;
        left: 2%;
    }
}

/* Contact film festival page responsive  */
@media only screen and (min-width:1200px) and (max-width:1399px) {
   
    .contact-teddy2 {
        left: 5%;
    }
    .contact-teddy4 {
        width: 10%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    
    .contact-teddy2 {
        top: 5%;
        left: 5%;
        width: 10%;
    }
    .contact-teddy1 {
        width: 10%;
    }
    .contact-teddy4 {
        left: 1%;
        width: 11%;
    }
}

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

    .contact-us-section {
        padding: 80px 0;
    }
    .contact-teddy2 {
        top: 2px;
        left: 7%;
        width: 9%;
    }
    .contact-teddy1 {
        top: 34%;
        right: 0%;
        width: 10%;
    }
    .contact-details .button {
        width: 100%;
        margin: auto;
    }
    .contact-teddy3 {
        bottom: 1%;
        right: 0%;
    }
    .contact-teddy4 {
        bottom: 15%;
        left: 0%;
        width: 11%;
    }
    .contact-details {
        padding: 40px 30px;
    }
    .contact-details .film-crew-input input {
        height: 42px;
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    
    .contact-us-section {
        padding: 80px 0;
    }
    .contact-details {
        padding: 40px 30px;
    }
    .contact-details .film-crew-input input {
        height: 42px;
    }
    .contact-details .button {
        width: 100%;
        margin: auto;
    }
    .contact-teddy1 {
        top: 2px;
        right: 0%;
        width: 10%;
    }
    .contact-teddy2 {
        top: 1%;
        left: 10%;
        width: 9%;
        animation: wobble-teddy2 5s infinite alternate;
    }
    .contact-teddy4 {
        bottom: 7%;
        left: 0%;
        width: 12%;
        z-index: 1;
    }
    .contact-teddy3 {
        bottom: 39%;
        z-index: 1;
        width: 10%;
        right: 0%;
    }
    .contact-details .col-md-6.check {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 575px) {
    
    .contact-us-section {
        padding: 70px 0;
    }
    .contact-details .film-crew-input {
        width: 100%;
    }
    .contact-details .film-crew-input input {
        height: 42px;
    }
    .contact-details .button {
        width: 100%;
        margin: auto;
    }
    .contact-details .col-md-6.check {
        margin-bottom: 15px;
    }
    .contact-details {
        padding: 40px 30px;
    }
    .contact-teddy1 {
        top: 5px;
    }
    .contact-teddy2 {
        top: 4px;
        width: 9%;
    }
}

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

    .contact-details {
        padding: 40px 20px;
    }
    .contact-teddy1 {
        top: 5px;
        width: 12%;
    }
    .contact-teddy2 {
        top: 4px;
        width: 13%;
        animation: wobble-teddy2 4s infinite alternate;
    }
    .contact-teddy4 {
        bottom: 0%;
        left: 0%;
        z-index: 1;
        width: 15%;
    }
    .contact-teddy3 {
        bottom: 40%;
        width: 11%;
        z-index: 1;
    }
}

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

    .contact-teddy2 {
        top: 4px;
        width: 15%;
        animation: wobble-teddy2 4s infinite alternate;
    }
    .contact-teddy1 {
        top: 5px;
        width: 15%;
    }
    .contact-teddy4 {
        bottom: 2%;
        left: 0%;
        z-index: 1;
        animation: none;
        width: 18%;
    }
    .contact-teddy3 {
        bottom: 40%;
        width: 15%;
        z-index: 1;
    }
}

/* Judges film festival page responsive  */

@media only screen and (min-width:1200px) and (max-width:1399px) {
    
    .judges-teddy2 {
        bottom: 5%;
        width: 12%;
    }
    .judges-section .bg-listing-crew {
        padding: 0 0 0px 0px;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    
    .judges-teddy2 {
        bottom: 5%;
        left: 0%;
        width: 9%;
    }
    .judges-section .bg-listing-crew {
        padding: 0 0 50px 0px;
    }
}

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

    .judges-section {
        padding: 80px 0;
    }
    .judges-section .bg-listing-crew {
        padding: 0 0 50px 0px;
    }
    .judges-section .film-crew-btn {
        width: 100%;
        margin: auto;
    }
    .crew-listing-image {
        height: 350px;
    }
    .judges-teddy {
        top: -5px;
        width: 9%;
    }
    .judges-teddy2 {
        bottom: 7%;
    }
    .judges-teddy1 {
        top: 15%;
        z-index: 1;
        width: 10%;
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    
    .judges-section {
        padding: 80px 0;
    }
    .judges-section .film-crew-btn {
        width: 100%;
        margin: auto;
    }
    .judges-teddy {
        top: -5px;
        width: 12%;
    }
    .crew-listing-box {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .judges-teddy1 {
        top: 15%;
        z-index: 1;
        left: 0%;
        width: 13%;
    }
    .judges-teddy2 {
        bottom: 32%;
        left: unset;
        width: 12%;
        right: 2%;
    }
}

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

    .judges-section {
        padding: 70px 0;
    }
    .crew-listing-box {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .judges-section .film-crew-input {
        width: 100%;
    }
    .judges-section .film-crew-btn {
        width: 100%;
    }
    .judges-section .form-listing {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .judges-teddy {
        top: -10px;
        right: 1%;
        width: 12%;
    }
    .judges-teddy1 {
        z-index: 1;
        left: 0%;
        width: 15%;
        top: 15%;
    }
    .judges-teddy2 {
        bottom: 3%;
        width: 15%;
    }
}

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

    .crew-listing-box {
        width: 100%;
    }
    .judges-section .form-listing {
        width: 100%;
    }
    .judges-teddy {
        top: -14px;
        right: 1%;
        width: 18%;
    }
    .judges-section .film-crew-input input {
        height: 42px;
    }
    .judges-section .film-crew-btn button {
        height: 42px;
    }
    .judges-section .film-crew-btn .button {
        padding: 8px 22px;
    }

    .judges-teddy1 {
        z-index: 1;
        left: 0%;
        top: 15%;
        width: 19%;
    }
    .judges-teddy2 {
        bottom: 30%;
        left: unset;
        width: 18%;
        right: 0%;
        z-index: 2;
    }
    li.breadcrumb-item a {
        font-size: 16px;
    }
    .breadscrumb-section .breadcrumb-item.active {
        font-size: 16px;
    }
}

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

    .judges-teddy {
        top: -14px;
        right: 1%;
        width: 21%;
    }
    .judges-teddy1 {
        z-index: 1;
        left: 0%;
        top: 16%;
        width: 21%;
    }
    .judges-teddy2 {
        bottom: 29%;
        left: unset;
        width: 21%;
        right: 0%;
        z-index: 2;
    }
    .judges-section .crew-listing-image {
        height: 300px;
    }
}

/* team film festival page responsive  */
@media only screen and (min-width:1200px) and (max-width:1399px) {

    .team-section .bg-listing-crew {
        padding: 0 0 0 0;
    }
    .team-teddy {
        top: 1%;
    }
    .team-teddy2 {
        top: 49%;
    }
    .team-teddy4 {
        bottom: 2%;
        width: 9%;
    }
    .team-teddy3 {
        right: 0%;
        width: 8%;
        z-index: 1;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .team-teddy {
        top: 1%;
        width: 13%;
    }
    .team-section .destination-icon {
        right: 5%;
        top: 10px;
        width: 8%;
        z-index: 1;
        animation: none;
    }
    .team-teddy3 {
        top: 15%;
        right: 0%;
        z-index: 1;
        width: 8%;
    }
    .team-teddy2 {
        top: 52%;
        left: 0%;
        z-index: 1;
        width: 8%;
    }
    .team-teddy4 {
        bottom: 3%;
    }
    .team-section .crew-info-main {
        padding: 0 23px;
    }
    .team-section .bg-listing-crew {
        padding: 0 0 50px 0px;
    }
}

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

    .team-section {
        padding: 80px 0;
    }
    .team-section .film-crew-btn {
        width: 100%;
        margin: auto;
    }
    .team-section .bg-listing-crew {
        padding: 0 0 30px 0px;
    }
    .team-teddy {
        top: 5px;
        width: 15%;
    }
    .team-section .destination-icon {
        width: 10%;
        animation: none;
        top: 10px;
        right: 5px;
    }
    .team-teddy2 {
        top: 36%;
        left: 1%;
        width: 10%;
        z-index: 1;
    }
    .team-teddy3 {
        top: 60%;
        z-index: 1;
        right: 0%;
        width: 10%;
    }
    .team-teddy4 {
        bottom: 3%;
        left: 2%;
        width: 14%;
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .team-section {
        padding: 80px 0;
    }
    .team-section .film-crew-btn {
        width: 100%;
        margin: auto;
    }
    .team-section .bg-listing-crew {
        padding: 0 0 0px 0px;
    }
    .team-teddy {
        top: 5px;
        left: 2%;
        width: 20%;
    }
    .team-section .destination-icon {
        right: 0%;
        top: 10%;
        width: 12%;
        z-index: 1;
        animation: none;
    }
    .team-teddy2 {
        top: 35%;
        left: 2%;
        width: 13%;
    }
    .team-teddy3 {
        top: 64%;
        right: 0%;
        width: 13%;
    }
    .team-teddy4 {
        bottom: 6%;
        z-index: 1;
        left: 1%;
        width: 15%;
    }
}

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

    .team-section {
        padding: 70px 0;
    }
    .team-section .film-crew-input {
        width: 100%;
    }
    .team-section .film-crew-btn {
        width: 100%;
    }
    .team-section .form-listing {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .team-section .crew-listing-box {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .team-section .bg-listing-crew {
        padding: 0 0 0px 0px;
    }
    .team-section .destination-icon {
        right: 5px;
        top: 10%;
        width: 11%;
        z-index: 1;
        animation: none;
    }
    .team-teddy {
        top: 5px;
        z-index: 1;
        left: 2%;
        width: 17%;
    }
    .team-teddy2 {
        top: 37%;
        z-index: 1;
        left: 2%;
        width: 13%;
    }
    .team-teddy3 {
        top: 65%;
        right: 0%;
        z-index: 1;
        width: 14%;
    }
    .team-teddy4 {
        bottom: 16%;
        left: 0%;
        z-index: 1;
        width: 16%;
    }
}

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

    .team-section .form-listing {
        width: 100%;
    }
    .team-section .crew-listing-box {
        width: 100%;
    }
    .team-teddy {
        top: 5px;
        z-index: 1;
        left: 2%;
        width: 25%;
    }
    .team-section .destination-icon {
        right: 5px;
        top: 8%;
        width: 13%;
        z-index: 1;
        animation: none;
    }
    .team-teddy2 {
        top: 37%;
        z-index: 1;
        left: 1%;
        width: 16%;
    }
    .team-teddy3 {
        top: 66%;
        right: 0%;
        z-index: 2;
        width: 17%;
    }
    .team-teddy4 {
        bottom: 25px;
        left: 0%;
        z-index: 2;
        width: 20%;
    }
}

@media only screen and (max-width: 320px) {
   
    .team-section .destination-icon {
        right: 5px;
        top: 9%;
        width: 15%;
        z-index: 1;
        animation: none;
    }
    .team-teddy {
        top: 8px;
        z-index: 1;
        left: 2%;
        width: 25%;
    }
    .team-section .crew-listing-image {
        height: 320px;
    }
    .team-teddy2 {
        top: 38%;
        z-index: 2;
        left: 1%;
        width: 20%;
    }
    .team-teddy3 {
        top: 64%;
        right: 0%;
        z-index: 2;
        width: 18%;
    }
    .team-section .crew-listing-info {
        padding: 20px 20px;
    }
    .team-teddy4 {
        bottom: 40px;
        left: 0%;
        z-index: 2;
        width: 21%;
    }
}

/* Team detail film festival page responsive  */

@media only screen and (min-width:1200px) and (max-width:1399px) {
  
    .team-detail-teddy {
        top: 5px;
        z-index: 1;
        width: 7%;
    }
    .team-detail-teddy1 {
        top: 10px;
        width: 10%;
    }
    .team-detail-teddy4 {
        top: 44%;
        width: 8%;
        left: 0;
        z-index: 1;
    }
    .team-detail-teddy2 {
        top: 42%;
    }
    .team-detail-teddy3 {
        bottom: 5%;
    }
    .team-detail-info {
        padding: 30px 50px 50px 50px;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .team-gallery .cast-and-credits-tab .nav {
        justify-content: center;
    }
    .team-detail-teddy {
        top: 5px;
        z-index: 1;
        width: 8%;
    }
    .team-detail-teddy1 {
        right: 1%;
        top: 9px;
        width: 12%;
    }
    .team-detail-teddy4 {
        top: 43%;
        z-index: 1;
        left: 1%;
        width: 8%;
    }
    .team-detail-teddy2 {
        top: 39%;
        width: 9%;
    }
    .team-detail-teddy3 {
        bottom: 5%;
    }
    .team-detail-desc p {
        line-height: 30px;
    }
    .team-detail-info {
        padding: 30px 50px 50px 50px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
   
    .team-gallery .cast-and-credits-tab .nav {
        justify-content: center;
    }
    .cast-and-credits-tab .nav-pills .nav-link {
        padding: 8px 40px;
    }
    .team-detail-img {
        border: 8px solid #ffffff;
    }
    .team-social-links {
        width: 48px;
        left: -7px;
        padding: 4px 7px !important;
    }
    .team-social-links a {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .team-dot {
        height: 12px;
        width: 12px;
    }
    .team-dot2 {
        height: 12px;
        width: 12px;
    }
    .team-detail-info {
        padding: 25px 30px;
        margin-left: -34px;
        height: 80%;
    }
    .team-detail-info h3 {
        font-size: 21px;
    }
    .team-detail-desc {
        height: 80%;
    }
    .info-teddy {
        width: 12%;
    }
    .team-detail-teddy {
        top: 5px;
    }
    .team-detail-teddy1 {
        right: 2%;
        top: 5px;
        width: 11%;
    }
    .team-gallery .photo-img {
        height: 200px;
    }
    .team-gallery .video-img {
        height: 200px;
    }

    .team-detail-teddy4 {
        top: 42%;
        left: 1%;
        width: 8%;
        z-index: 1;
    }
    .team-detail-teddy2 {
        top: 89%;
        z-index: 1;
        right: 2%;
        width: 9%;
        animation: wobble-teddy2 6s infinite alternate;
    }
    .team-detail-teddy3 {
        bottom: 8%;
    }
    .cast-and-credits-tab .tab-content {
        padding: 0;
    }
    .team-detail-desc p {
        font-size: 15px;
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
   
    .team-detail-main .row {
        justify-content: center;
    }
    .team-detail-img {
        position: relative;
        height: 475px;
        width: 100%;
        border-radius: 8px;
        border: 15px solid #ffffff;
        box-shadow: 0px 0px 10px 0px #c7c1c1;
    }
    .team-detail-info {
        box-shadow: 3px 5px 10px #d4d4d4;
        padding: 45px 35px;
        border-radius: 8px;
        position: relative;
        top: -5%;
        transform:unset;
        margin-left: 0px;
        background-color: #c1e4f3;
        height: 480px;
        /* overflow: auto; */
    }
    .team-dot {
        top: 100%;
        left: 2%;
    }
    .team-dot2 {
        top: 100%;
        right: 2%;
        bottom: unset;
        left: unset;
    }
    .info-teddy {
        position: absolute;
        top: 45px;
        right: 0;
        width: 10%;
    }

    .team-gallery .cast-and-credits-tab .nav {
        justify-content: center;
    }
    .cast-and-credits-tab .nav-pills .nav-link {
        padding: 8px 40px;
    }
    .team-gallery .photo-img {
        height: 200px;
    }
    .team-gallery .video-img {
        height: 200px;
    }
    .cast-and-credits-tab .tab-content {
        padding: 0;
    }

    .team-detail-teddy {
        top: 5px;
        left: 5%;
        width: 14%;
    }
    .team-detail-teddy1 {
        top: 15%;
        width: 11%;
    }
    .team-detail-teddy4 {
        top: 50%;
        width: 10%;
    }
    .team-detail-teddy2 {
        top: 93%;
        z-index: 1;
        right: 2%;
        animation: wobble-teddy2 5s infinite alternate;
    }
    .team-detail-teddy3 {
        bottom: 3%;
    }
}

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

    .team-detail-main {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .team-detail-img {
        position: relative;
        height: 430px;
        width: 100%;
        border: 12px solid #ffffff;
    }
    .team-detail-info {
        padding: 45px 35px;
        position: relative;
        top: -5%;
        transform:unset;
        margin-left: 0px;
        height: 470px;
    }
    .team-dot {
        top: 100%;
        left: 2%;
    }
    .team-dot2 {
        top: 100%;
        right: 2%;
        bottom: unset;
        left: unset;
    }
    .info-teddy {
        top: 3%;
        right: 30%;
        width: 12%;
    }
    .cast-and-credits-tab .nav-pills .nav-link {
        padding: 8px 40px;
    }
    .team-detail-teddy {
        position: absolute;
        top: 5px;
        left: 2%;
        width: 14%;
        animation: move-teddy 3s infinite alternate;
    }
    .team-detail-section .team-gallery {
        width: 80%;
    }
    .cast-and-credits-tab .tab-content {
        padding: 0;
    }
    .team-detail-teddy1 {
        top: 31%;
        width: 13%;
        z-index: 1;
    }
    .team-detail-teddy2 {
        right: 3%;
        top: 65%;
        z-index: 1;
        width: 10%;
        animation: wobble-teddy2 5s infinite alternate;
    }
    .team-detail-teddy4 {
        top: 45%;
        left: 1%;
        width: 12%;
    }
}

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

    .team-detail-main {
        width: 100%;
    }
    .team-detail-section .team-gallery {
        width: 100%;
    }
    .team-detail-img {
        position: relative;
        height: 370px;
        width: 100%;
        border: 10px solid #ffffff;
    }
    .team-detail-info {
        padding: 45px 25px;
        position: relative;
        top: -5%;
        transform: unset;
        margin-left: 0px;
        height: 450px;
    }
    .team-social-links {
        width: 48px;
        left: -7px;
        padding: 4px 7px !important;
    }
    .team-social-links a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 16px;
    }
    .team-detail-teddy {
        top: 10px;
        left: 6%;
        width: 18%;
    }
    .team-detail-teddy1 {
        top: 31%;
        width: 21%;
        z-index: 1;
    }
    .team-detail-teddy4 {
        top: 46%;
        left: 1%;
        z-index: 1;
        width: 13%;
    }
    .info-teddy {
        top: 3%;
        right: 25%;
        width: 13%;
    }
    .team-detail-teddy2 {
        right: 5%;
        top: 95%;
        z-index: 1;
        width: 18%;
        animation: wobble-teddy2 5s infinite alternate;
    }
    .team-detail-teddy3 {
        bottom: 23%;
        z-index: 1;
        left: 0%;
        animation: shapePluse 3s infinite alternate;
    }
}

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

    .team-detail-section {
        padding: 70px 0;
    }
    .team-detail-img {
        position: relative;
        height: 350px;
        width: 100%;
        border: 10px solid #ffffff;
    }
    .team-detail-teddy {
        top: 5px;
        left: 6%;
        width: 21%;
    }
    .info-teddy {
        top: 3%;
        right: 18%;
        width: 15%;
    }
    .team-detail-teddy4 {
        top: 54%;
        left: 1%;
        z-index: 1;
        width: 17%;
    }
    .team-detail-teddy2 {
        right: 5%;
        top: 95%;
        z-index: 1;
        width: 21%;
        animation: wobble-teddy2 5s infinite alternate;
    }
    .team-detail-info {
        padding: 45px 25px;
        position: relative;
        top: -5%;
        transform: unset;
        margin-left: 0px;
        height: 400px;
    }
    .team-detail-teddy1 {
        top: 29%;
        width: 22%;
        z-index: 1;
    }
}