/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
    /* CSS */
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
    /* CSS */
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    /* CSS */
    .img-fluid {
        max-width: 60%;
        height: auto;
    }
}


@media (min-width: 768px) and (max-width: 1024px) {
    .mob-px-10 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }
    .mob-px-20{
        padding-right:60px!important;padding-left:60px!important
    }
    .mob-only {
        display: block;
    }
    .hero-slide-4 {
        padding-top: 130px;
    }
    .scroll-btm {
        bottom: 100px !important
    }
    .hero-slide-3{padding-top:100px;}
    .hero-slide-2 img {
        max-width: 300px;
        margin-right: 50px !important;
    }
    .hero-center-content img{max-width:100%!important}
    .hero-slide-1 {
        padding-top: 220px;
    }

    .Special_Link span, .Special_Link h3 {
        font-size: 24px;

    }

        .Special_Link span:hover, .Special_Link h3:hover {
            font-size: 28px;
        }
    .icon-row2 h3 {
        font-size: 20px;
    }
    .icon-row2 li {
           width: 100%;
    }
    .mob-mt-2{margin-top:10px;}
    .progress-wrap {
        left: 20px !important;
    }
    .home-float-box1 {
        position: relative;
        right: inherit;
        max-width: 100% !important
    }
    .mob-pr-2 {
        padding-right: 10px
    }
    .hero-header-white-noline{font-size:10vw!important}
    .mob-pt-2 {
        padding-top: 10px!important
    }
    .mob-px-0{padding-left:0px!important;padding-right:0px!important}
    .fixedsocial {
        display: none
    }
    .about-us-hero{padding-top:220px!important;}
    .hero-below {
        margin-top: 0px !important
    }
    .col-1-5 {
        max-width: 100% !important;
        flex: 0 0 100%!important;
    }
    .bigslider-text {
        font-size: 30vw
    }
    .scroll-btm-2 {
        display: none;
    }
    .mob-hero-movdown{padding-top:80px!important}
    html.side-header-hamburguer-sidebar #header.side-header.side-header-lg{padding:20px!important}
    .mob-logo-menu{width:75%; float:right}
    .mob-pt-50{        padding-top:60px!important;    }
    .mob-mr-0{        margin-right:0px!important    }
    .mob-ml-0{        margin-left:0px!important    }
    
    /*.mob-pt-0{padding-top:0px!important}*/
    .mob-100per{width:100%!important}
    .w-60{width:100%!important}
    
    .mob-pr-0{        padding-right:0px!important    }
    .mob-pl-0{        padding-left:0px!important    }
    .icon-row{text-align:right}
    .nav-tabs-line li a{font-size:16px!important}
    .yesnoul li a{padding-right:1.5rem!important;padding-left:1.5rem!important}
    .hall-bg-3, .hall-bg-2, .hall-bg-1{
        width:300px!important;height:300px!important;
    }
    .mob-py-50 {
        padding: 100px 0 !important;
    }
    .mob-p-b-2{
        padding-bottom:1rem!important
    }

    .mob-text-right{
        text-align:right!important
    }
    .header-number{
            font-size: 6vw;margin-left:1rem!important
    }
    .header-black-animated{
         font-size: 6vw!important;
    }

    .header-orange-4, .header-orange-3, .header-orange-animated {
        font-size: 6vw !important;
        margin: 30px 0 !important;
        text-align: center !important
    }
    .white-box-padding {
        padding:0 .25rem !important
    }

   .contact-box{padding:20px;}
    .m-mr-0{margin-right:0px!important;}
    .tabheading {
        line-height: 60px;
    }
    .hero-links {
        padding-inline-start: 0px !important
    }

        .hero-links li {
            display: block !important;
            margin-bottom: 40px !important;
        }

    .hero-header-orange, .hero-header-orange-noline, .header-white {
        font-size: 4vw !important;
    }

    .hero-padding {
        padding: 50px 0
    }

    .tabs-vertical {
        display: inherit
    }

    .tabs-navigation .nav-tabs > li.active .nav-link:before {
        width: 100px;
        right: 0px
    }

    .scroll {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar !important;
        padding: 10px !important;
    }

        .scroll::-webkit-scrollbar {
            display: none !important;
        }

    .profile-menu li a {
        padding: 15px 5px 15px 30px !important
    }

    .profile-menu li {
        /*  display: inline-block !important;
        margin-right: 25px !important;
        */
    }

    .m-order-0 {
        order: 0
    }

    .m-order-1 {
        order: 1
    }

    .py150 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .tabsorange {
        padding: 60px 30px;
    }

    .imgsheikh {
        position: initial !important;
        height: auto;
        border-radius: 10px;
    }

    .p-5 {
        padding: 1.5rem !important;
    }

    .my150 {
        margin-top: 50px;
        margin-bottom: 50px;
    }
 
    .header-orange, .header-orange-2 {
        font-size: 6vw !important;
        margin-bottom: 30px !important;
    }

    .font-header-7vw {
        font-size: 7vw !important;
    }
    .breadcrumb {
        padding-left: 0px !important;
        padding-right: 0px !important
    }

    .mob-center {
        text-align: center !important
    }

    .mob-logo {
        max-height:50px;
        float: right;
    }

    .mob-logo-dubai {
        max-height:50px;
        float: left;
    }

    .m-d-none {
        display: none !important
    }

    .ft-mobile {
        padding: .5rem !important
    }

    .yes-no-container {
        /*       margin-top:550px!important
*/
    }

    .yes-no-featured {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
}


@media screen and (max-width: 992px) {
    .dda-sub-header__navbar, .dda-sub-header .menu {
        display: none !important;
    }
    .col-lang {
        left: 0px;
    }

    .col-lg-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .col-lg-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    h1 {
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
    }

    h2 {
        font-size: 28px;
        font-style: normal;
        font-weight: 500;
    }

    h3 {
        font-size: 24px;
        font-style: normal;
        font-weight: normal;
    }

    h4 {
        font-size: 20em;
        font-weight: 600;
        line-height: 27px;
        margin: 0 0 14px 0;
    }

    h5 {
        font-size: 15px;
        font-weight: 600;
        line-height: 18px;
        margin: 0 0 14px 0;
        text-transform: uppercase;
    }

    h6 {
        font-size: 1em;
        font-weight: 400;
        line-height: 18px;
        margin: 0 0 14px 0;
    }

    .mob-px-10 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }
    .mob-px-20 {
        padding-right: 60px !important;
        padding-left: 60px !important
    }
    .mob-only {
        display: block;
    }
    .hero-slide-4 {
        padding-top: 130px;
    }
    .scroll-btm {
        bottom: 100px !important
    }
    .hero-slide-3 {
        padding-top: 100px;
    }
    .hero-slide-2 img {
        max-width: 300px;
        margin-right: 50px !important;
    }
    .hero-center-content img {
        max-width: 100% !important
    }

    .hero-slide-1 {
        padding-top: 220px;
    }
    .mob-mt-2 {
        margin-top: 10px;
    }
    .progress-wrap {
        left: 20px !important;
    }
    .home-float-box1 {
        position: relative;
        right: inherit;
        max-width: 100% !important
    }
    .mob-pr-2 {
        padding-right: 10px
    }
    .hero-header-white-noline {
        font-size: 6vw !important
    }
    .mob-pt-2 {
        padding-top: 10px!important
    }
    .mob-px-0 {
        padding-left: 0px !important;
        padding-right: 0px !important
    }
    .fixedsocial {
        display: none
    }
    .about-us-hero {
        padding-top: 220px !important;
    }
    .hero-below {
        margin-top: 0px !important
    }
    .col-1-5 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    .bigslider-text {
        font-size: 30vw
    }
    .scroll-btm-2 {
        display: none;
    }
    .mob-hero-movdown {
        padding-top: 80px !important
    }
    html.side-header-hamburguer-sidebar #header.side-header.side-header-lg{padding:20px!important}
    .mob-logo-menu{width:75%; float:right}
    .mob-pt-50{        padding-top:60px!important;    }
    .mob-mr-0{        margin-right:0px!important    }
    .mob-ml-0{        margin-left:0px!important    }
    .mob-pt-0{padding-top:0px}
        .mob-100per{width:100%!important}

    .w-60{width:100%!important}
    .mob-pr-0{        padding-right:0px!important    }
    .mob-pl-0{        padding-left:0px!important    }
    .icon-row{text-align:right}
    .nav-tabs-line li a{font-size:16px!important}
    .yesnoul li a{padding-right:1.5rem!important;padding-left:1.5rem!important}
    .hall-bg-3, .hall-bg-2, .hall-bg-1 {
        width: 300px !important;
        height: 300px !important;
    }
     .mob-py-50{
        padding:100px 0!important;
    }
    .mob-p-b-2{
        padding-bottom:1rem!important
    }
    .mob-text-right{
        text-align:right!important
    }
     .header-number{
            font-size: 6vw;margin-left:1rem!important
    }
     .header-black-animated{
         font-size: 6vw!important;
    }


    .header-orange-4, .header-orange-3, .header-orange-animated {
        font-size: 6vw !important;
        margin: 30px 0 !important;
        text-align: center !important
    }
    .white-box-padding {
        padding: 0 .25rem !important
    }
    .contact-box{padding:20px;}
    
    .m-mr-0 {
        margin-right: 0px!important;
    }
    .tabheading {
        line-height: 60px;
    }
    .hero-links {
        padding-inline-start: 0px !important
    }

        .hero-links li {
            display: block !important;
            margin-bottom: 40px !important;
        }

    .hero-header-orange, .hero-header-orange-noline, .header-white {
        font-size: 4vw !important;
    }

    .hero-padding {
        padding: 50px 0
    }

    .tabs-vertical {
        display: inherit
    }

    .tabs-navigation .nav-tabs > li.active .nav-link:before {
        width: 100px;
        right: 0px
    }

    .scroll {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar !important;
        padding: 10px !important;
    }

        .scroll::-webkit-scrollbar {
            display: none !important;
        }

    .profile-menu li a {
        padding: 15px 5px 15px 30px !important
    }

    .profile-menu li {
        margin-right: 25px !important;
    }

    .m-order-0 {
        order: 0
    }

    .m-order-1 {
        order: 1
    }

    .py150 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .tabsorange {
        padding: 60px 30px;
    }

    .imgsheikh {
        position: initial !important;
        height: auto;
        border-radius: 10px;
    }

    .p-5 {
        padding: 1.5rem !important;
    }

    .my150 {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .header-orange, .header-orange-2 {
        font-size: 6vw !important;
        margin-bottom: 30px !important;
    }
    .font-header-7vw {
        font-size: 7vw !important;
    }

    .breadcrumb {
        padding-left: 0px !important;
        padding-right: 0px !important
    }

    .mob-center {
        text-align: center !important
    }

    .mob-logo {
        max-height:50px;
        float: right;
    }

    .mob-logo-dubai {
        max-height:50px;
        float: left;
    }

    .m-d-none {
        display: none !important
    }

    .ft-mobile {
        padding: .5rem !important
    }

    .yes-no-container {
        /*        margin-top: 550px !important
*/
    }

    .yes-no-featured {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .mob-px-10 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }
    .mob-px-20 {
        padding-right: 60px !important;
        padding-left: 60px !important
    }
    .mob-only {
        display: block;
    }
    .hero-slide-4 {
        padding-top: 130px;
    }
    .scroll-btm{bottom:100px!important}
    .hero-slide-3 {
        padding-top: 100px;
    }
    .hero-slide-2 img {
        max-width: 300px;
        margin-right: 50px !important;
    }
    .hero-center-content img {
        max-width: 100% !important
    }
    .hero-slide-1 {
        padding-top: 220px;
    }
    .mob-mt-2 {
        margin-top: 10px;
    }
    .progress-wrap {
        left: 20px !important;
    }
    .home-float-box2 {
        position: relative;
        left: inherit;
    }
    .home-float-box1 {
        position: relative;
        right: inherit;
        max-width: 100% !important
    }
    .hero-header-white-noline {
        font-size: 6vw !important
    }
    .mob-pr-2 {
        padding-right: 10px
    }
    .mob-pt-2{padding-top:10px!important}
    .mob-temp-heading{
        padding:30px;font-size:10vw!important
    }
    .mob-px-0 {
        padding-left: 0px !important;
        padding-right: 0px !important
    }
    .fixedsocial{display:none}
    .about-us-hero {
        padding-top: 220px !important;
    }
    .hero-below{margin-top:0px!important}
    .col-1-5 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    .bigslider-text {
        font-size: 30vw
    }
    .scroll-btm-2 {
        display:none;
    }
    .mob-hero-movdown {
        padding-top: 80px !important
    }
    html.side-header-hamburguer-sidebar #header.side-header.side-header-lg{padding:20px!important}
    .mob-logo-menu{width:75%; float:right}
    .mob-pt-50{        padding-top:60px!important;    }
    .mob-mr-0{        margin-right:0px!important    }
    .mob-ml-0{        margin-left:0px!important    }
    .mob-pt-0{padding-top:0px}
        .mob-100per{width:100%!important}

    .w-60{width:100%!important}
    .mob-pl-0{        padding-left:0px!important    }
    .icon-row{text-align:center}
    .nav-tabs-line li a{font-size:16px!important}
    .yesnoul li a{padding-right:1.5rem!important;padding-left:1.5rem!important}
    .hall-bg-3, .hall-bg-2, .hall-bg-1 {
        width: 300px !important;
        height: 300px !important;
    }
     .mob-py-50{
        padding:100px 0!important;
    }
    .mob-p-b-2{
        padding-bottom:1rem!important
    }
    .mob-text-right{
        text-align:right!important
    }

     .header-number{
            font-size: 6vw;margin-left:1rem!important
    }
      .header-black-animated{
         font-size: 6vw!important;
    }

    .header-orange-4, .header-orange-3, .header-orange-animated {
        font-size: 6vw !important;
        margin: 30px 0 !important;
        text-align: center !important
    }
    .white-box-padding {
        padding: 0 .25rem !important
    }
    .contact-box{padding:20px;}
    .m-mr-0 {
        margin-right: 0px!important;
    }
    .tabheading{line-height:60px;}
    .hero-links {
        padding-inline-start: 0px !important
    }

        .hero-links li {
            display: block !important;
            margin-bottom: 40px !important;
        }

    .hero-header-orange, .hero-header-orange-noline, .header-white {
        font-size: 4vw !important;
    }

    .hero-padding {
        padding: 50px 0
    }

    .tabs-vertical {
        display: inherit
    }

    .tabs-navigation .nav-tabs > li.active .nav-link:before {
        width: 100px;
        right: 0px
    }

    .scroll {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar !important;
        padding: 10px !important;
    }

        .scroll::-webkit-scrollbar {
            display: none !important;
        }

    .profile-menu li a {
        padding: 15px 5px 15px 30px !important
    }

    .profile-menu li {
        margin-right: 25px !important;
    }

    .m-order-0 {
        order: 0
    }

    .m-order-1 {
        order: 1
    }

    .py150 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .tabsorange {
        padding: 60px 30px;
    }

    .imgsheikh {
        position: initial !important;
        height: auto;
        border-radius: 10px;
    }

    .p-5 {
        padding: 1.5rem !important;
    }

    .my150 {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .header-orange, .header-orange-2 {
        font-size: 6vw !important;
        margin-bottom: 30px !important;
    }
    .font-header-7vw {
        font-size: 7vw!important;
    }

    .breadcrumb {
        padding-left: 0px !important;
        padding-right: 0px !important
    }

    .mob-center {
        text-align: center !important
    }

    .mob-logo {
        max-height:50px;
        float: right;
    }

    .mob-logo-dubai {
        max-height:40px;
        float: left;
    }

    .m-d-none {
        display: none !important
    }

    .ft-mobile {
        padding: .5rem !important
    }

    .yes-no-container {
        /*        margin-top: 550px !important
*/
    }

    .yes-no-featured {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .mob-pr-0{        padding-right:0px!important    }
}