*{
    margin: 0;
    padding: 0;
    font-family: 'Oswald', sans-serif;
}
.main-container{
    margin: 0 auto;
    width: 1400px;
}
.header-section{
    background-color: black;
}
.logo-set{background-color: black;color: #fff;width: 68%;height: 6px;}
.nav_links{
    align-items:
    center;
    justify-content:
    center;
    display: flex;
    align-items: center;
    padding: 0px 87px;
}
.nav_links ul{
    display: flex;
}

.menubar{
    display: flex;
}
.nav_links ul li a{
    padding: 7px 37px;
    text-decoration: none;
    list-style: none;
}

.nav_links ul li a {
    color: #fff;
}

.search {
    /* display: flex; */
    float: right;
    color: #fff;
}
i.fa.fa-search {
    padding: 59px;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
}

.banner-section{
    background-image: url(img/banner.png);
    height: 600px;
    background-position-x:right ;
    background-position-y: center;
}
.banner-title {
    /* padding: 318px 42px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-title h1 {
    color: #fff;
}

.banner-title p {
    color: #fff;
}
.one-title{
    /* text-align: inherit; */
    justify-content: 243px 30px;
    justify-content: center;
    display: grid;
    grid-template-columns: 50%;
}
.btn-btn {padding: 25px;}

input[type="button"] {
    padding: 11px 51px;
    background: #23211f;
    color: #fff;
}



input[type="button"]:hover {
    background: chocolate;}



.dance-tour {
    background: #e8631c;
    padding: 50px;
}

.title-txt h1 {
    color: #fff;
    font-size: 26px;
}
.title-txt h2 {
    color: #fff;
    padding: 19px;
    font-size: 43px;
}

.title-txt.p {
    color: #fff;
}

.btn-btn {padding: 25px;}

input[type="button"] {
    padding: 11px 51px;
    background: #23211f;
    border: 2px #fff solid;
    color: #fff;
}



input[type="button"]:hover {background: chocolate;}

.title-txt p {
    font-size: 21px;
    color: #fff;
}
.title-txt {
    /* display: flex; */
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 25px;
}

.dance-icon {
    display: flex;
}





.title-txt.p {
    color: #fff;
}

.box-1{
    padding: 10px 15px;
    width: 30%;
}
.box-2 img{   
    width: 100%;
}
.box-2{
    background: #303030;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    padding: 0px 0px;
}


.pricing-content{
    display: flex;
    padding: 14px 10px;
    background-color: black;
}
.box-3{
    width: 30%;
    height: 100%;
    margin: 18px 1.5%;
    text-align: center;
    background: #e8631c;
    align-items: center;
    justify-content: center;
}
.box-4 h3 {
    color: #fff;
    font-size: 30px;
    padding: 6px;
}

.box-4 p {
    color: #fff;
    font-size: 17px;
}








.amzaing-title {
    /* display: flex; */
    /* width: 50%; */
}


.flex{
    display: flex;
}



.img-canvas img {
    width: 100%;
    height: 100%;
}

.two-things{
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #e8631c;
    justify-content: center
}

.two-things h4 {
    font-size: 45px;
    color: #fff;
}

.two-things p {
    padding: 21px 89px;
    color: #fff;
}


.our-statistics{
    background-color: black;
}
.our-seting {
    display: flex;
}

.box-5 {
    color: #fff;
    width: 30%;
    padding: 43px 1.5%;
    font-size: 35px;
    text-align: center;
}
.new-style-icons{
    background-image: url(img/back-img.png);
    height: 700px;
    background-position: center;
}
.style-cats {
    text-align: center;
    justify-content: center;
    padding: 221px 41px;
    align-items: center;
    /* color: #fff; */
    /* display: flex; */
}

.style-cats p {
    color: #fff;
    font-size: 28px;
}

.style-cats h4 {
    color: #fff;
    font-size: 48px;
}

.new-title {
  padding: 0;
}

.SUBSCRIBE{
    background-color: #e8631c;
    padding: 50px;
}

.button-types {
   /* text-align: center;
    align-items: center;
    justify-content: center;/*
    
    /*position: relative;*/
    display: flex;
    width: 60%;
    margin: 0 auto;
}

input[type="submit"] {
    padding: -6px 4px;
    font-size: 18px;
    color: #fff;
    background: black;
    font-weight: 600;
}
input[type="email"] {
    font-size: 19px;
    padding: 12px 41px;
    width: 100%;
    height: 62%;
}

.footer-info {
    /* display: flex; */
    width: 50%;
}

.footer-info h5 {
    font-size: 27px;
    padding: 18px;
    color: #fff;
}

.footer-info p {
    padding: 18px;
    color: #fff;
}
.footer-set {
    background: #000;
    display: flex;
    padding: 20px;
    height: 235px;
}

.icon-star ul li {
    display: initial;
     border: 2px solid #fff; 
    border-radius: 71%;
    height: 50px;width: 50px;
    text-align: center;
    justify-content: center;
    align-items: center;
  color: #fff;
    padding: 9px 20px;}
.footer-cot {
    display: flex;
    color: #fff;
    width: 50%;
}


.icon-star ul li {
                      /* display: initial; */
                      display: flex;
                      border: 2px solid #fff;
                      border-radius: 71%;
                      /* height: 35px; */
                      /* width: 35px; */
                      text-align: center;
                      justify-content: center;
                      align-items: center;
                      color: #fff;
                      padding: 11px 20px;
                      margin: 10px 11px;
                      }
.footer-cot ul li {
                    /* display: grid; */
                    padding: 4px 31px;
                    /* color: #fff; */
}
.icon-star ul li {
    display: contents;
}

.footer-cot  li {
                    /* color: #fff; */
                    /* color: #ffff; */
}.footer-cot ul li {
                    text-decoration: none;
                    list-style: none;
                    color: #f8eeee;
}

.footer-cot li {
                color: #fff;
}.footer-tag {
             display: flex;
}

.footer-tag ul li {
               color: #fff;
}


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

    .main-container{
        width: 100%;
    }
    .nav_links {
      display: none;
    }
    .menubar{
        display:flow-root;
    }
    .banner-title{
        background-size: cover;
        padding: 0px;
    }
    .banner-section{
        height: 400px;
        display: flex;
        align-items: center;
        background-size: cover;
        justify-content: center;
    }
    .banner-section.one-title{
        padding: 0;
        text-align: center;
    }
    .banner-section.one-title h1{
        font-size: 60px;
    }
    .title-txt{
        padding: 10px 0;
    }
    .title-txt{
        font-size: 20px;
        padding: 5px 20px;
    }
    .title-txt h2{
            padding: 20px 0;
    }
    .box-1{
        width: 90%;
    }
    .dance-icon{
        display: block;
    }
    .box-3{
        width: 96%;
    }
    .pricing-content{
        display: block;
    }
    .flex {
        display: block;
    }
    .img-canvas{
        width: 100%;

    }
    .two-things{
        width: 100%;
    }
    .our-seting{
        display: block;
    }
    .box-5{
        width: 100%;
        padding: 50PX 0;
    }
    .new-style-icons{
        background-size: cover;
    }
    .button-types{
        width: 90%;
    }
    .input[type="button"]{
        width: 90%;
    }
    input[type="submit"]{
        font-size: 11px;
        padding: 17px 17px;
    }
    .footer-info{
        display: block;
    }


    .footer-set {
        display: block;
        height: 100%;
    }
    
    

.footer-cot {
    display: block;
}
.icon-star {
    width: 100%;
    display: block;
}

.footer-tag {display: block;}


.one-title{
    padding: 34px;
}

  

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

    .main-container{
        width: 100%;
    }
    .nav_links {
      /*display: none;*/
    }
    .menubar{
        /*display:flow-root;*/
        width: 20%;
    }
    .banner-title{
        background-size: cover;
        padding: 0px;
    }
    .banner-section{
        height: 400px;
        display: flex;
        align-items: center;
        background-size: cover;
        justify-content: center;
    }
    .banner-section.one-title{
        padding: 0;
        text-align: center;
    }
    .banner-section.one-title h1{
        font-size: 60px;
    }
    .title-txt{
        padding: 10px 0;
    }
    .title-txt{
        font-size: 20px;
        padding: 5px 20px;
    }
    .title-txt h2{
            padding: 20px 0;
    }
    .box-1{
        width: 90%;
    }
    .dance-icon{
        display: block;
    }
    .box-3{
        width: 96%;
    }
    .pricing-content{
        display: block;
    }
    .flex {
        display: block;
    }
    .img-canvas{
        width: 100%;

    }
    .two-things{
        width: 100%;
    }
    .our-seting{
        display: block;
    }
    .box-5{
        width: 100%;
        padding: 50PX 0;
    }
    .new-style-icons{
        background-size: cover;
    }
    .button-types{
        width: 90%;
    }
    .input[type="button"]{
        width: 90%;
    }
    input[type="submit"]{
        font-size: 11px;
        padding: 17px 17px;
    }
    .footer-info{
        /* display: block; */
    }


    .footer-set {
        /* display: block; */
        display: flex;
        height: 50%;
    }
    
    
.footer-cot {
    /* display: block; */
}

.footer-cot {
    display: block;
}
.icon-star {
    /* width: 50%; */
    /* display: block; */
}
.icon-star ul li {
    /* display: inline; */
    display: inline-flex;
}
.footer-tag {/* display: block; */}


.one-title{
    padding: 34px;
}

  }


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

    .main-container{
        width: 100%;
    }
    .nav_links {
      /*display: none;*/
    }
    .menubar{
        /*display:flow-root;*/
        width: 20%;
    }
    .banner-title{
        background-size: cover;
        padding: 0px;
    }
    .banner-section{
        height: 400px;
        display: flex;
        align-items: center;
        background-size: cover;
        justify-content: center;
    }
    .banner-section.one-title{
        padding: 0;
        text-align: center;
    }
    .banner-section.one-title h1{
        font-size: 60px;
    }
    .title-txt{
        padding: 10px 0;
    }
    .title-txt{
        font-size: 20px;
        padding: 5px 20px;
    }
    .title-txt h2{
            padding: 20px 0;
    }
    .box-1{
        width: 90%;
    }
    .dance-icon{
        display: block;
    }
    .box-3{
        width: 96%;
    }
    .pricing-content{
        display: block;
    }
    .flex {
        display: block;
    }
    .img-canvas{
        width: 100%;

    }
    .two-things{
        width: 100%;
    }
    .our-seting{
        display: block;
    }
    .box-5{
        width: 100%;
        padding: 50PX 0;
    }
    .new-style-icons{
        background-size: cover;
    }
    .button-types{
        width: 90%;
    }
    .input[type="button"]{
        width: 90%;
    }
    input[type="submit"]{
        font-size: 11px;
        padding: 17px 17px;
    }
    .footer-info{
        /* display: block; */
    }


    .footer-set {
        /* display: block; */
        display: flex;
        height: 50%;
    }
    
    
.footer-cot {
    /* display: block; */
}

.footer-cot {
    display: block;
}
.icon-star {
    /* width: 50%; */
    /* display: block; */
}
.icon-star ul li {
    /* display: inline; */
    display: inline-flex;
}
.footer-tag {/* display: block; */}


.one-title{
    padding: 34px;
}

  }