@media screen and (min-width: 100px) and (max-width: 768px) {
    .aos-init, 
.aos-animate,
.wow {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
    body{
        overflow-x: hidden !important;
    }
    .menu-header #menu-button{
        display: none;
    }
main{
	padding: 0;
}
}
@media screen and (min-width: 480px) and (max-width: 668px) {
    .aos-init, 
.aos-animate,
.wow {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
        body{
        overflow-x: hidden !important;
    }

.open-menu body {
    position: fixed !important;
}
[data-aos^="zoom"][data-aos^="zoom"]{
    opacity: 1 !important;
}
[data-aos] {
    -webkit-tranform: none !important;
    transform: none !important;
  }
}
@media screen and (max-width: 380px) {
    [data-aos] {
    -webkit-tranform: none !important;
    transform: none !important;
  }
    .aos-init, 
.aos-animate,
.wow {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
    [data-aos^="zoom"][data-aos^="zoom"]{
    opacity: 1 !important;
}
    .open-menu body {
    position: fixed !important;
}
    body{
        overflow-x: hidden !important;
    }
.menu-header #menu-button{
	display: none;
}
}

/* =================== Responsive =================== */

/* 1600px - 1700px */
@media screen and (min-width: 1600px) and (max-width: 1700px) {
 
}

/* 1500px - 1599px */
@media screen and (min-width: 1500px) and (max-width: 1599px) {
    /* Add styles here */
}

/* 1300px - 1499px */
@media screen and (min-width: 1300px) and (max-width: 1499px) {
    /* Add styles here */
}

/* 1100px - 1299px */
@media screen and (min-width: 1100px) and (max-width: 1299px) {
    /* Add styles here */
}

/* iPad PRO - 1000px to 1100px */
@media screen and (min-width: 1000px) and (max-width: 1100px) {
    section.section-7 .main .work {
        height: 444px;
    }
    .menu-header > ul > li > a {
    font-size: 15px;
    padding-left: 14px;
}
section.section-1 .head h1 {
    font-size: 41px;
}
section.section-1 h6 {
    font-size: 16px;
}
section.section-1 p {
    font-size: 16px;
}
section.section-1 .bannerform .discount {
    width: 29%;
    margin-bottom: 10px;

}

section.section-2 .goo h2 {
    font-size: 45px;
}   


section.section-3 .tukra h3 {
    font-size: 44px;
}
section.section-3 .tukra p {
    font-size: 16px;
    line-height: 27px;
}
section.section-4 .hire h3 {
    font-size: 40px;
}
section.section-4 .hire p {
    font-size: 16px;
    line-height: 27px;
}
section.section-5 .award h3 {
    font-size: 24px;
}
section.section-6 .choose h3 {
    font-size: 37px;
}
section.section-7 .main .work .detail h4 {
    font-size: 25px;
}
section.section-8 .story h3 {
    font-size: 45px;
}
section.section-8 .tele a {
    font-size: 20px;
}
section.section-8 .scooby img {
    width: 100%;
    object-fit: fill;
}
section.section-8 {
    background-color: #7C0700;
    margin: 30px 0 30px 0;
    padding: 30px 0px 30px 0px;
}
section.section-9 .genres h3 {
    font-size: 44px;
}
.section-10 .tab-buttons li button {
    width: 90px;
    height: 90px;
 
}
.section-10 .tab-buttons li button img {
    width: 31px;
    height: 33px;
}
section.section-10 .some h2 {
    font-size: 40px;
}
section.section-10 .some p {
    line-height: 25px;
}
section.section-11 .ever h3 {
    font-size: 45px;
}

section.section-11 .ever p {
    font-size: 16px;
}
section.section-11 .thunder ul.tab-buttons li button {
    font-size: 16px;
}
section.section-12 .writing h3 {
    font-size: 45px;
}
.sec-web .box-content h2 {
    font-size: 40px;
}
section.section-13 .process h3 {
    font-size: 45px;
}
section.section-13 .points h3 {
    font-size: 21px;
}
section.section-13 .points p {
    line-height: 27px;
    font-size: 13px;
}
section.section-15 .faq h3 {
    font-size: 45px;
}
.sec-faq .faq-question {
    font-size: 16px;
}
section.section-16 .start h3 {
    font-size: 45px;
}
}

/* iPad & Landscape Mode - 100px to 949px */
@media screen and (min-width: 100px) and (max-width: 949px) {
 header .logo img {
    max-height: initial;
    margin: auto;
    display: block;
    width: 15%;
}

header .row .col-md-2, header .row .col-md-8, header .row .col-md-2 {
    max-width: 100%;
    flex: 0 0 100%;
}   

header .call {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 0;
}

a#hamburg {
    background-color: #7C0700;
}

.nav-cross span {
    background: white;
}

.push-logo img {
    width: 24%;
}
section.section-1 .head h1 {
    font-size: 39px;
}
section.section-1 .head h1 span {
    font-size: 40px;
}
section.section-1 h6 {
    font-size: 16px;
}
section.section-1 p {
    font-size: 16px;
    line-height: 25px;
}
section.section-1 .bannerform .discount {
    width: 20%;
    padding: 12px 5px 12px 5px;
}
section.section-1 .bannerform .discount h3 span {
   
    font-size: 20px;
}
section.section-1 .bannerform .discount h3 span.off {
    font-size: 10px;
    margin-left: -22px;
}
section.section-1 .bannerform .main h2 {
    font-size: 18px;
}
section.section-1 .bannerform .main p {
    font-size: 10px;
}
section.section-1 .bannerform .discount h3 span.percent {
    font-size: 21px !important;
    margin-left: -7px !important;
}
section.section-1 .bannerform .main {
    margin-left: 10px;
}
section.section-2 .goo h2 {
    font-size: 36px;
}
section.section-3 .tukra h3 {
    font-size: 35px;
}
section.section-3 .dual a.get {
    padding: 10px 10px 10px 10px;
}
section.section-4 .hire h3 {
    font-size: 34px;
}
section.section-4 .hire p {
    font-size: 16px;
    line-height: 27px;
}
section.section-5 .award h3 {
    font-size: 23px;
}
section.section-6 .choose h3 {
    font-size: 35px;
}
section.section-7 .main .work {
    height: 340px;
}
section.section-8 .story h3 {
    font-size: 35px;
}
section.section-8 .scooby img {
    width: 98%;
    object-fit: cover;
}
section.section-8 .tele a {
    font-size: 20px;
}
section.section-8 {
    background-color: #7C0700;
    margin: 30px 0 30px 0;
    padding: 30px 0px 30px 30px;
}
section.section-9 .genres h3 {
    font-size: 33px;
}
.section-10 .tab-buttons li button {
    width: 66px;
    height: 80px;
    font-size: 11px;
}
.section-10 .tab-buttons li button img {
    width: 25px;
    height: 29px;
}
section.section-10 .some h2 {
    font-size: 35px;
}
section.section-10 .bill a.two {
    padding: 10px 10px 10px 10px;
}
section.section-11 .ever h3 {
    font-size: 35px;
}
section.section-11 .ever p {
    font-size: 16px;
}
section.section-11 .thunder ul.tab-buttons li button {
    font-size: 16px;
    padding: 8px 10px 8px 10px;
}
section.section-12 .writing h3 {
    font-size: 35px;
}
.sec-web .box-content h2 {
    font-size: 35px;
}
section.section-13 .process h3 {
    font-size: 40px;
}
section.section-13 .points h3 {
    font-size: 17px;
}
section.section-14 .clients h3 {
    font-size: 38px;
}
section.section-15 .faq h3 {
    font-size: 40px;
}
.sec-faq .faq-question {
    font-size: 16px;
}
.sec-faq .faq-question.active + .faq-answer {
    padding: 9px 20px 55px 20px;
}
footer .menu h4 {
    font-size: 19px;
}
}

/* Mobile View - 100px to 550px */
@media screen and (min-width: 100px) and (max-width: 550px) {
   header .logo img {
    width: 35%;
}
section.section-1 .head h1 {
    font-size: 30px;
    text-align: center;
}
section.section-1 .head h1 span {
    font-size: 30px;
}
section.section-1 h6 {
    font-size: 13px;
    text-align: center;
}
section.section-1 p {
    font-size: 13px;
    text-align: center;
}
section.section-1 .link {
    text-align: center;
    margin-bottom: 30px;
}
section.section-1 .link a.one {
    padding: 10px 10px 10px 10px;
}
section.section-1 .link a.two {
    padding: 10px 10px 10px 10px;
    margin-left: 9px;
}
section.section-1 .bannerform .discount {
    width: 24%;
    padding: 17px 17px 17px 17px;
}
section.section-2 .goo h2 {
    font-size: 26px;
}
section.section-3 .tukra h3 {
    font-size: 30px;
    text-align: center;
}
section.section-3 .tukra p {
    text-align: center;
    font-size: 14px;
}
section.section-3 .will ul li {
    font-size: 14px;
    line-height: 25px;
}
section.section-3 .dual {
    text-align: center;
    margin-bottom: 30px;
}
section.section-3 .dual a.now {
    padding: 10px 10px 10px 10px;
}
section.section-4 .hire h3 {
    text-align: center;
    font-size: 29px;
}
section.section-4 .hire p {
    font-size: 14px;
    text-align: center;
    line-height: 25px;
}
section.section-4 .hirelist ul li {
    font-size: 14px;
}
section.section-6 .choose h3 {
    text-align: center;
    font-size: 29px;
}
section.section-7 .main .work .detail h4{
    text-align:center;
    font-size:25px
}
section.section-7 .main .work .detail p {
    font-size: 14px;
    text-align: center;
    line-height: 25px;
}
section.section-7 .main .work{
    height: 320px;
}
section.section-8 .story h3 {
    text-align: center;
    font-size: 23px;
}
section.section-8 {
    padding: 30px 0px 30px 0px;
}
section.section-8 .story p {
    color: white;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
}
section.section-8 .live {
    text-align: center;
  
}
section.section-8 .live a.get {
    padding: 10px;
}
section.section-8 .live a.chat {
    padding: 10px;
}
section.section-3 .will ul li i {
    padding: 7px 8px 7px 8px;
}
section.section-8 .tele {
    text-align: center;
}
section.section-8 .tele a {
    font-size: 16px;
}
section.section-9 .genres h3 {
    font-size: 28px;
}
section.section-9 {
    padding: 0px 0 30px 0;
}
    section.section-10 .change .stavic {
    align-items: center;
    margin: auto;
    overflow-x: auto;
    scroll-behavior: smooth; 
}
.section-10 .tab-buttons {
    flex-wrap: initial;
}
section.section-10 .change .stavic {
    align-items: center;
    margin: auto;
    overflow-x: auto;
    scroll-behavior: smooth;
}
section.section-10 .change .stavic::-webkit-scrollbar {
    height: 8px; 
}

section.section-10 .change .stavic::-webkit-scrollbar-thumb {
    background-color: #888;       
    border-radius: 10px;
}

section.section-10 .change .stavic::-webkit-scrollbar-track {
    background: transparent;     
}
section.section-10 .change .stavic {
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: 10px; 
}
section.section-10 .some h2 {
    font-size: 25px;
    text-align: center;
}
section.section-10 .some p {
    text-align: center;
    line-height: 25px;
    font-size: 14px;
}
section.section-10 .bill {
    text-align: center;
    margin-bottom: 40px;
}
section.section-10 .bill a.one {
    padding: 10px;
}
section.section-11 .ever h3 {
    font-size: 29px;
}
section.section-11 .ever p {
    font-size: 14px;
}
ol, ul {
    padding-left: 0rem;
}
section.section-11 .thunder ul.tab-buttons li button {
    font-size: 14px;
}
section.section-11 .thunder ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}
.section-11 .tab-buttons li button.active {
    padding: 8px 20px;
}
section.section-12 .writing h3 {
    font-size: 30px;
}
section.section-12 .writing p {
    font-size: 14px;
    line-height: 25px;
    width: 95%;
    text-align: center;
}
.sec-web .box-content h2 {
    font-size: 21px;
    text-align: center;
    padding: 0px 10px 0px 10px;
}
section.sec-3.sec-web .p-rich_text_section {
    text-align: center;
    font-size: 14px;
    width: 100%;
    padding: 0px 15px 0px 15px;
}
.icon {
    text-align: center;
}
section.sec-3 ul.p-rich_text_list.p-rich_text_list__bullet.p-rich_text_list--nested {
    line-height: 29px;
    font-size: 14px;
    text-align: center;
    padding: 0px 20px 0px 20px;
    list-style: none;
}
section.section-13 .process h3 {
    font-size: 33px;
}
section.section-13 .points h3 {
    font-size: 15px;
    line-height: 25px;
    text-align: center;
}
section.section-13 .points p {
    text-align: center;
}
section.section-15 .faq h3 {
    font-size: 30px;
}
.sec-faq .faq-question {
    font-size: 14px;
}
.sec-faq .faq-question.active + .faq-answer {
    padding: 10px 10px 150px 10px;

}
section.section-16 .start h3 {
    font-size: 30px;
    text-align: center;
}
section.section-16 .start p {
    font-size: 14px;
    text-align: center;
}
.footerlogo li {
    text-align: center;
}
footer .footerpara p {
    font-size: 14px;
    text-align: center;
}
.footericon.aos-init.aos-animate {
    display: flex;
    justify-content: center;
    align-items: center;
}
footer .menu h4 {
    text-align: center;
}
footer .menu ul {
    text-align: center;
}


}