@media only screen and (max-width: 768px) {
    .ListBrief {
        padding-top: 20px;
    }
    .innertittle h1 {
        font-size: 25px !important;
    }
    .contentbody {
        padding: 40px 0px;
    }
    .sharepart {
        height: 72px;
        position: relative !important;
        top: unset;
        min-width: unset;
        justify-content: left !important;
    }
    .innerheaderlayer {
        background-size: contain;
        background-repeat: no-repeat;
        height: 162px;
        background-size: cover
    }
    .white {
        color: #288fb0 !important;
    }
    .dash{
        display:none
    }
    .innertittle {
        padding-right: 0 !important
    }
    .MenubItems {
        display: inline-flex;
        top: unset !important;
        right:unset !important;
        left:30px;
    }

    .search-responsive {
        display: block !important
    }

    .MenubItems li {
        display: inline-block;
        padding-left: 20px;
        margin-top: -5px;
    }

    .mean-container a.meanmenu-reveal {
        left: 0 !important;
        right: unset !important;
    }
    .carousel {
        margin-top: -190px;
    }
    #message {
        width: 65px;
    }

        #message span{
            display:none
        }
        .layer img {
            width: 100%;
        }
    .responsive-items .owl-prev {
        right: 100px !important;
        left: 0px !important;
    }
    .shapes {
        right: 0px !important;
        left: 0px !important;
    }
    
    .side-socialmedia {
        position: unset !important
    }
    .serviceinnerimage img {
        border-radius: 0px 127px;
        width: 100% !important;
        border-radius: 0px 50px !important;
    }
}
@media only screen and (max-width: 767px) {
    #myNav {
        display: none !important;
    }
    .overviewimage img
    {
        display:none !important;
    }

    .itemimage img {
        height: auto !important;
    }
    video {
        width: 100%;
        height: 100% !important;
    }
    .video-container {
        width: 100vw;
        height: 240px !important;
    }
    #slider-animation .carousel-inner {
        height: 193px !important;
    }
    .side-socialmedia {
        max-height: 60px !important;
        min-height: 0px !important;
    }

    .side-socialmedia {
        padding-top: 0px !important;
    }

        .side-socialmedia li {
            padding: 4px 0px !important;
            /*margin: 5px 7px !important;*/
            display: inline-block;
        }
    .mainHeader
    {
        overflow:hidden !important;
    }
    .news-block:last-child img {
        border-radius: 0px !important;
    }
    .news-block:last-child {
        border-radius: 0px !important;
    }
    #owl-carousel5 {
        height: 967px !important;
    }
    .card-footer {
        width: 100% !important;
    }

    .mean-container .mean-bar {
        top: 20px !important;
    }
    .mean-container .mean-bar {
        float: none !important;
        min-height: 0px !important;
    }
    .card-footer:last-child {
        position: inherit !important;
        float:none !important;
    }
    .MenubItems {
        position: relative;
        z-index: 99;
        bottom: 35px;
        right: 35px;
    }

    .shapes:after {
        left: -19% !important;
        right: 0% !important;
    }
    .layer {
        width: 90% !important;
       
    }
    .thingstodosectiontitle
    {
        padding-right:0px !important;
        padding-bottom:15px;
    }
    .overview-content {
        padding: 10px 20px !important;
    }
    .mean-container .mean-bar {
        top: 5px !important;
        left: 12px;
    }
    .mean-container a.meanmenu-reveal{
        top:19px !important;
    }
    
    #owl-carousel1 .item {
        padding-bottom: 80px;
    }

    .menubtn {
        display: none !important;
    }

    .mainHeader .logo {
        width: 65% !important;
        padding-right: 30px;
    }

    .innertittle {
        padding-top: 120px !important;
        width: 100% !important;
    }

    
    .innerheaderlayer:after {
        content: "";
        background-size: 80% !important;
        background: url(../images/inneroverlay.png);
        background-repeat: no-repeat;
        top: 40% !important;
        background-position: left;
        left: 20px !important;
    }
    .Powered span {
        display: block !important;
        text-align: center;
    }
    .breadcrumb-item {
        display: none !important;
    }
    select {
    width: 100%;
    word-wrap: normal;
}
    .service-image1 img {
        width: 100% !important;
    }

    .shapes:after {
        background-size: 20% !important;
    }
   
    .serviceitem2, .serviceitem, .serviceitem3 {
        margin: 0px auto !important;
    }

    .service-title {
        width: 100% !important;
    }

    .serviceitem img {
        width: 100% !important;
    }
    .serviceitem3 {
        height: 381px !important;
    }
    .beyondaqabaitems .serviceimage, .beyondaqabaitems .serviceimage img {
        height: 380px !important;
    }
    .innerheaderlayer {
        position: relative;
    }
    .mean-container .mean-bar
    {

        float:none !important;
    }
    .sharepart {
        z-index: 0;
        position: absolute;
        /* top: 0; */
        bottom: 0;
        background: #2AB0D1 0% 0% no-repeat padding-box;
        border-radius: 0px !important;
        width: 100%;
        padding: 27px 58px !important;
    }

    .videocontrolbtn {
        width: 85% !important;
        text-align: right !important;
    }

    .mainstoryboredimage {
        position: relative;
        right: 0px !important;
    }
    .languagebtn img
    {
        display:none !important;
    }
    .languagebtn {
        position: absolute !important;
        padding: 10px 80px;
        position: absolute;
        top: 0;
        height: 0px !important;
        left: 0% !important;
        top: 30px;
        width: 30% !important;
        z-index: 99999999999999999;
        background-color: transparent;
    }
    .card-number {
        top: 99% !important;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 80% !important;
        top: 93% !important;
    }
    .beyondaqaba {      
        padding-bottom: 85px !important;
    }
    #carouselExampleControls
    {
        margin-bottom:0px;
    }
    .shapes {
        right: 0px !important;
    }
    .side-socialmedia {
        position: absolute;
        top: 158px;
        /* display: flex; */
        /* flex-direction: row; */
        height: 62px;
        width: 100%;
        left: 0px;
        min-height: 647px;
        z-index: 1;
        transform: rotate(0deg);
        background: #288fb0 0% 0% no-repeat padding-box;
        border: 1px solid #288fb0;
        opacity: 0.75;
    }

   

    .text-content {
        left: 45% !important;
        top: 35% !important;
    }
    #owl-carousel2 .owl-nav {
        position: absolute;
        left: 35% !important;
        top: 85% !important;
        right:26%;
    }
        .text-content img {
            width: 100%;
        }

    .text-content2 {
        left: 30% !important;
        top: 35% !important;
    }

    .videocontrolbtn:before {
        left: 83% !important;
        top: 140px !important;
    }
    .side-socialmedia {
        padding-top: 80px !important;
    }
    .stoyrboredcontent {
        left: 5% !important;
        border-radius: 0px !important;
    }

    .storybored-title h1 {
        font-size: 20px;
    }

    .storybored-title {
        position: absolute;
        left: 0px !important;
        right: -50px;
    }

    .carousel-indicators {
        right: 57% !important;
        top: 72% !important;
    }

    .video-container img {
        height: 100% !important;
    }

    .overview {
        text-align: center !important;
        padding-top:30px;
        height:auto !important;

    }

    .overview-content h1 {
        width: 100% !important;
    }

    .sectionbreif p {
        width: 100% !important;
        text-align:justify;
    }

    .thingstodo {
        border-radius: 0px !important;
        text-align: center;
        height:auto
    }

    .itemimage img {
        border-radius: 0px !important;
        width: 100% !important;
    }

    .thingstodo .container-fluid {
        width: 100%;
        padding-right: 20px !important;
        padding-left: 20px !important;
        margin-right: auto;
        margin-left: auto;
    }

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

    .itemtitle {
        /*padding-left: 100px !important;*/
        padding-right:0px;
    }
        .itemtitle h1{
            padding-top:1.5rem;
        }
    .thingstodo {
        border-radius: 0px 0px 0px 0px !important;
        padding: 50px 0px 100px 0px;
    }

    .itemdescription {
        padding-top: 30px !important;
        width: 100% !important;
        height: auto;
    }
        .itemdescription p {
            text-align: justify;
            width: 100%;
            margin: 0 auto;
        }

  

    #owl-carousel5 .owl-nav {
        bottom: 430px !important;
        flex-direction: column;
        align-items: self-start !important;
        right: 74% !important;
        right: 0;
        display: flex;
    }
    .overview-content {
        text-align: center !important;
    }
    #owl-carousel1 .owl-nav {
        right: 28% !important;
        top: -3% !important;
    }
    .beyondaqaba
    {
        padding-right:0px !important;
    }
    #owl-carousel1 .owl-nav button {
        top: 15px !important;
    }
    .carousel-control-next, .carousel-control-prev {
        top: 92% !important;
    }
    .card-number {
        /*right: 50% !important;
        top: 670px !important;*/
        position:inherit
    }
    .VISITAQABA {
        margin-top: 15px !important;
    }
    .aboutaqabasection {
        margin-top: 25px !important;
    }
    .breadcrumb-item span
    {
        font-size:12px !important;
    }
    .overviewimage img {
        display: none !important;
    }
    .thingstodo:after {
        background-size: 80% !important;
        top: 43% !important;
    }

    .beyondaqaba {
        padding-top: 30px !important;
        padding-left: 0px !important;
        padding-bottom: 40px;
        height: auto;
    }

    #owl-carousel5 .owl-prev, #owl-carousel5 .owl-next {
        height: 119px !important;
    }

    .beyondaqaba-intro {
        text-align: center !important;
    }

    .layer {
        margin-top: 15px !important;
    }

    #owl-carousel5 .owl-prev {
        position: relative;
        top: 23px !important;
        left: 13.5% !important;
    }

    #owl-carousel5 .owl-next {
        left: 13.5% !important;
    }
    #owl-carousel3 .owl-prev {
        position: relative;
        right: 75px;
    }
    .videocontrolbtn {
        width: 50% !important;
        top:85px !important;
        text-align: center !important;
        display:none;
    }
    #owl-carousel2 .owl-nav {
        position: absolute;
        left: 0% !important;
        top: 85% !important;
    }
    .VISITAQABA {
        text-align: right !important;
    }
    .shape2content {
        position: relative;
        bottom: 85px !important;
        left: 42% !important;
    }

    .beyondaqabaitems {
        margin-top: 20px;
        bottom: 0px !important;
        height: auto !important;
    }

    .shape2 {
        left: 43.5% !important;
        z-index: 9999999999999999999;
    }

    .featureitems {
        display: none;
    }

    .responsive-items {
        display: block !important;
    }

    .beyondaqabaitems {
        padding: 0px !important;
    }
    #owl-carousel3 .owl-nav {
        text-align: center;
        position: relative;
        bottom: 40px;
    }
        #owl-carousel3 .owl-nav .owl-prev {
            background: transparent;
            border: 0;
            outline: 0;
        }

        #owl-carousel3 .owl-nav .owl-next {
            background: transparent;
            border: 0;
            outline: 0;
        }

    .aqabatitle {
        width: 100% !important;
        height: auto !important;
    }



    #owl-carousel2 .owl-nav {
        position: absolute !important;
        left: 0% !important;
        top: 85% !important;
        display: block;
    }

    .listview .media-img img {
        border-radius: 0px !important;
    }
    .txt-search {
        width: 100% !important;
    }
    .sectionreadmore {
        width: 115px;
        margin: 10px auto;
    }
    .serviceitem3 img
    {
        border:0px !important;
        
    }
    .card {
        min-width: 70% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        height: auto;
    }
    .card-news .card-deck .card
    {
        padding:inherit !important;
    }
    .contentbody .listview a {
        position: inherit !important;
    }
    .card {
        max-width: 80% !important;
    }
    #search {
        width: 35px !important;
        position: relative;
        right: 20px;
    }
    .contentbody .media {
        flex-direction: column !important;
        padding-bottom: 20px;
    }
    .contentbody .serviceimage img {
        height: 250px !important;
    }

    .serviceimage img {
        border-radius: 0px !important;
    }

    .news-block {
        display: block;
        max-width: 480px !important;
        margin: auto;
        border: 1px solid #acacac !important;
        margin-bottom: 30px;
    }
    .blockserviceitem 
    {
        height:auto !important;
    }
    .news-block .media-img {
        margin-left: 0px !important;
    }

        .listview .media-img img {
            width: 100% !important;
        }
   
    
    .Powered .d-flex {
        flex-direction: column !important;
        align-items: center;
    }

    .aqabaitem {
        text-align: center;
    }

    .Readmore {
        margin: 0 auto;
    }

    .aboutaqaba {
        padding: 30px 0px !important;
        text-align: center;
    }

    .PhotoGalleryClassWidth {
        width: 100% !important;
    }
    .languagebtn {
        right: 25% !important;
    }
    .mainstoryboredimage
    {
        display:none;
    }
    .aboutaqabasection #owl-carousel2 .owl-next, .aboutaqabasection #owl-carousel2 .owl-prev {
        transform: rotate(180deg) !important;
    }
    .logo img {
        width: 150px !important;
        height: 53px !important;
    }
    .side-socialmedia {
        padding-top: 2px !important;
    }

    .mean-container .mean-nav.slide-right {
        transform: translateX(-74px) !important;
        width: calc(92% - 30px) !important;
        border-right: 10px solid #2AB0D1 !important;
        border-left:none !important;
    }
   
    .side-socialmedia {
        max-height: 50px !important;
        min-height: 50px !important;
    }
    .listserviceitem .card-text 
    {
        height:auto !important;
    }
}
@media only screen and (width: 3440px) and (height: 1440px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 2600px !important;
    }
    p {
        font-size: 40px !important;
        line-height: 60px !important;
    }
    .sectionreadmore a {
        font-size: 45px !important;
    }
    .video-container {
        height: 106.4vh !important;
    }
    .aboutaqaba {
        height: 920px !important;
    }
    .video-container {
        width: 100vw !important;
        height: 100% !important;
    }
    .beyondaqabaitems {
        bottom: 80px !important;
     
    }

    .beyondaqaba-descripition p
    {
        line-height:60px;
        font-size:40px !important;
        text-align:justify

    }
    .aqababreif p {
        text-align: justify;
        padding:10px
    }
    .layer img {
        height: auto !important;
    }
    h5 {
        font-size: 50px !important;
    }
    video {
        height: auto !important;
    }
    .service-title {
        height: 130px !important;
    }
    .overviewimage img {
        height: auto !important;
    }
    .aboutaqaba {
  
        height: 900px;
      
    }
    .aqabaitem {
        position: relative;
        z-index: 999 !important;
        top: 60px;
    }

    .itemimage img {
        height: auto !important;
    }

    .side-socialmedia li {
        margin: 35px auto !important;
    }

    .serviceitem, .serviceitem2, .serviceitem3 {
        height: 900px !important;
    }

    .beyondaqabaitems {
        height: auto !important;
    }

    .beyondaqaba {
        overflow: hidden;
        height: 984px !important;
    }

    .thingstodo {
        height: auto !important;
       
    }

    #carouselExampleControls {
        margin-top: 0px !important;
    }

    #slider-animation .carousel-inner {
        height: auto !important;
    }

    .main-slider .carousel {
        margin-top: -195px !important;
    }

    .videocontrolbtn {
        width: 81% !important;
    }

    .side-socialmedia {
        min-height: 100%;
    }
    .overview
    {
        height:auto !important;
    }
}