@media only screen and (max-width: 768px) {
    #search {
        margin-bottom: -10px;
    }
    .ListBrief {
        padding-top: 20px;
    }
    .contentbody {
        padding: 40px 0px;
    }
    .innertittle h1{
        font-size:25px !important;
    }
    .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-left:0 !important
    }
    .MenubItems {
        display: inline-flex
    }
    .search-responsive {
        display: block !important
    }

    #message {
        width: 65px;
    }
        #message span {
            display: none
        }
    .layer img {
        width: 100%;
    }

    .responsive-items .owl-prev {
        right: 0px !important;
        left: -10px !important;
    }

    .responsive-items .owl-prev {
        right: 0px !important;
        left: 10px;
    }

    .shapes {
        right: 0px !important;
        left: 0px !important;
    }

    .thingstodo {
        height: 700px !important;
    }

    .owl-prev {
        position: relative;
        right: -15px !important;
    }

    .side-socialmedia{
        position:unset !important
    }
    .serviceinnerimage img {
        width: 100% !important;
        border-radius: 0px 50px !important;
    }
}
@media only screen and (min-width:320px) and (max-width:350px) {
    .side-socialmedia {
        position: absolute;
        top: 140px !important;
    }
    
}@media only screen and (min-width:320px) and (max-width:400px) {
    .aboutaqaba {
        height: auto !important;
        height: 850px !important;
    }

    #owl-carousel2 .owl-prev {
        right: 20px !important;
    }

    #owl-carousel2 .owl-next {
        left: 8px;
    }
    
}
@media only screen and (min-width:320px) and (max-width:360px) {
    .aqababreif p {
        min-height: 400px;
    }
}
@media only screen and (min-width:360px) and (max-width:400px) {
    .aqababreif p {
        min-height: 400px;
    }
}
@media only screen and (min-width:350px) and (max-width:400px) {
    .side-socialmedia {
        position: absolute;
        top: 148px !important;
    }
}
@media only screen and (min-width:400px) and (max-width:767px) {
    .aqababreif p {
        min-height: 310px;
    }
}
@media only screen and (max-width: 767px) {
    
    #myNav {
        display: none !important;
    }
    .overviewimage img {
        display: none !important;
    }
    .aboutaqaba {
        /*height: auto !important;*/
        height: 730px ;
    }
    .side-socialmedia {
        max-height: 50px !important;
        min-height: 50px !important;
    }
    .news-block:last-child img {
        border-radius: 0px !important;
    }
    .listserviceitem .card-text {
        height: auto !important;
    }
    video {
        width: 100%;
        height: 100% !important;
    }
    #slider-animation .carousel-inner {
        height: 215px !important;
    }
    .video-container {
        width: 100vw;
        height: 284px !important;
    }
    #owl-carousel5 {
        height: 967px !important;
    }

    .news-block:last-child img {
        border-radius: 0px !important;
    }

    .news-block:last-child {
        border-radius: 0px !important;
    }

    .mean-container .mean-bar {
        top: 20px !important;
    }

   .MenubItems {
        position: relative;
        z-index: 99;
        bottom: 35px;
        right: 25px;
    }
    .MenubItems li {
        padding: 0px 5px;
    }
        #owl-carousel1 .item {
        padding-bottom: 85px;
    }

    .menubtn {
        display: none !important;
    }

    .mainHeader .logo {
        width: 65% !important;
    }

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

    .innerheaderlayer .mainHeader .MenubItems {
        /* z-index: 0 !important; */
    }

    .innerheaderlayer:after {
        content: "";
        background-size: 80% !important;
        background: url(../images/inneroverlay.png);
        background-repeat: no-repeat;
        top: 36% !important;
        background-position: right;
        right: 60px !important;
    }

    .service-image1 img {
        width: 100% !important;
        height: auto !important;
    }

    .shapes:after {
        background-size: 20% !important;
    }

    .serviceitem2, .serviceitem, .serviceitem3 {
        margin: 0px auto !important;
    }

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

    .serviceitem img {
        width: 100% !important;
    }

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



    .mainHeader .logo {
        padding-left: 50px !important;
    }

    .mainstoryboredimage {
        position: relative;
        right: 0px !important;
    }
    .side-socialmedia {
        max-height: 50px !important;
        min-height: 50px !important;
    }
    .overview-content {
        padding: 15px 50px !important;
    }
    .side-socialmedia ul li{
        display:inline-block;
    }
    .side-socialmedia {
        position: absolute;
        top: 166px;
        /* 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;
    }

        .text-content img {
            width: 100%;
        }

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

    .videocontrolbtn:before {
        left: 83% !important;
        top: 145px !important;
    }

    .stoyrboredcontent {
        left: 5% !important;
        border-radius: 0px !important;
    }

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

    .storybored-title {
        position: absolute;
        right: 0px !important;
        left: 70px !important;
    }
    .blockserviceitem
    {
        height:auto !important;
    }
    blockserviceitem
    {
        padding:5px !important;
    }
    .card-news .card-deck .card
    {
        padding:inherit !important;
    }
    .blockserviceitem .card-title {
        height: auto !important;
    }
    .breadcrumb-item
    {
        display:none !important;
    }
    .Powered span
    {
        display:block !important;
        text-align:center;
    }
    .carousel-indicators {
        left: 90% !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;
    }

    .itemimage img {
        border-radius: 0px !important;
        width: 90% !important;
        margin: 0 auto;
    }
    .itemimage img {
        height: auto !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;
        padding-bottom: 15px;
    }

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

    .thingstodo {
        border-radius: 0px 0px 0px 0px !important;
    }
    .media.news-block .media-img {
        width: 100% !important;
    }
    .videocontrolbtn {
        display:none;
        width: 85% !important;
        top: 90px !important;
    }
    .itemdescription {
        padding-top: 30px !important;
        width: 100% !important;
        height: auto !important;
    }
    .contentbody .listview a {
        position: inherit !important;
    }
    #search {
        width: 35px !important;
        position: relative;
        left: 0px;
    }
    .contentbody .media {
        flex-direction: column !important;
        padding-bottom: 20px;
    }
    .itemdescription p {
        text-align: justify;
        width: 100%;
        margin: 0 auto;
    }
    .beyondaqaba-descripition p{
        text-align:justify
    }
    .aqababreif p{
        text-align:justify;
        padding:10px
    }

    #owl-carousel5 .owl-nav {
        bottom: 430px !important;
        flex-direction: column;
        align-items: self-start !important;
        left: 15% !important;
        right: 0;
        display: flex;
    }

    #owl-carousel1 .owl-nav {
        right: 50% !important;
        top: -18px;
    }
    .owl-prev {
        right: -15px !important;
    }
        #owl-carousel1 .owl-nav button {
            top: 15px !important;
        }

    .card-number {
        right: 50% !important;
        top: 100%;
        position:inherit !important;
    }

    .VISITAQABA {
        margin-top: 15px !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;
    }

    .shape2content {
        position: relative;
        bottom: 85px !important;
        right: 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: 30px;
    }

        #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 {
        display: block;
        position: absolute;
        left: 32% !important;
        top: 90% !important;
    }

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

    .sectionreadmore {
        width: 115px;
        margin: 10px auto;
    }

    .txt-search {
        width: 100% !important;
    }

    .card {
        min-width: 70% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        height: auto;
    }

    .serviceitem3 img {
        border: 0px !important;
    }

    .contentbody .serviceimage img {
        height: 250px !important;
    }

    .serviceimage img {
        border-radius: 0px !important;
    }
    
.itemdescription {
    padding-top: 15px !important;
    width: 100% !important;
    height: 435px;
    margin-right:0px !important;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
    .shapes {
        right: 22px !important;
    }

    .carousel-control-next, .carousel-control-prev {
        width: 80% !important;
        top: 93% !important;
    }
    .beyondaqaba {
        padding-bottom: 85px !important;
    }
    .languagebtn {
        position: absolute !important;
        padding: 10px 80px;
        position: absolute;
        top: 0;
        height: 0px !important;
        left: 45% !important;
        top: 30px;
        width: 50% !important;
        z-index: 99999999999999999;
        background-color: transparent;
    }
        .languagebtn img
        {
            display:none !important;
        }

        .news-block {
            display: block;
            max-width: 480px !important;
            margin: auto;
            border: 1px solid #acacac !important;
            margin-bottom: 30px;
        }
    .side-socialmedia {
        padding-top: 2px !important;
    }
    .languagebtn a {
        position: relative;
        right: 15px !important;
    }
    body{
        overflow-x:hidden !important;
    }
    .carousel {
        margin-top: -211px;
    }
    #carouselExampleControls {
        margin:0px !important;
    }
    .image1 {
        height: 500px !important;
        width: 360px !important;
    }
    .shapes:after {
        left: 2% !important;
    }
    .layer {
        width: 95% !important;
    }
    .itemimage img {
        height: auto !important;
    }
    .media-img img:first-child {
        width: 100% !important;
    }
    .serviceimage img {
        height: 380px !important;
    }
    .Powered .d-flex {
        flex-direction: column !important;
        align-items: center;
    }

    .aqabaitem {
        text-align: center;
    }

    .Readmore {
        margin: 0 auto;
    }
   
    .aboutaqaba {
        padding: 75px 0px !important;
        text-align: center;
    }
    #message {
       
        right: 5px !important;
       
    }

    .PhotoGalleryClassWidth {
        width: 100% !important;
    }
    .card {
        max-width: 80% !important;
    }

    .card-footer:last-child {
        position: inherit !important;
        float: none !important;
        width: 100%;
    }
}

@media only screen and (min-width:588px) and (max-width:767px){
    .side-socialmedia {
        top: 169px;
    }
}
    @media(max-width: 320px) {
        .languagebtn {
            position: absolute !important;
            padding: 10px 80px;
            position: absolute;
            top: 0;
            height: 0px !important;
            left: 55% !important;
            top: 30px;
            width: 30% !important;
            z-index: 99999999999999999;
            background-color: transparent;
        }

            .languagebtn img {
                display: none !important;
            }

        .mainHeader .logo {
            padding-left: 30px !important;
            top: 5px;
        }

        .layer {
            width: 92% !important;
            margin: 0 auto;
            height: 523px;
        }

        .mainHeader .MenubItems {
            right: 45px !important;
            top: -26px;
        }

        .MenubItems li {
            padding: 0px 0px !important;
        }

        .logo img {
            width: 120px !important;
            height: 45px !important;
        }

        .itemdescription {
            height: auto !important;
        }

        .overview-content {
            padding: 80px 0px !important;
        }

      

        .side-socialmedia {
            position: absolute;
            width: 15% ;
            min-height: 640px !important;
        }
        .carousel-control-next, .carousel-control-prev {
            top: 92% !important;
        }
        .card-number {
            right: 50% !important;
            top: 100%;
        }
        #carouselExampleControls
        {
            margin:0px !important;
        }

        .itemdescription p {
            text-align: center;
        }

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

        .shapes:after {
            right: 0px !important;
            left: 5px !important;
        }

        .shape2 {
            left: 30.5% !important;
        }

        .shape2 {
            position: absolute;
            top: 35% !important;
            z-index: 9999999999999999999;
        }

        .service-image1 img {
            width: 100% !important;
            height: 383px;
        }

        #owl-carousel2 .owl-nav {
            position: absolute;
            left: 30% !important;
            top: 90% !important;
        }

        .aboutaqaba {
            padding: 20px 0px !important;
        }

        .aqababreif {
            height: 350px !important;
        }

        .side-socialmedia {
            min-height: 309px !important;
        }
    }
@media only screen and (width: 3440px) and (height: 1440px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 2600px !important;
    }
    .aboutaqaba {
        height: 920px !important;
    }
    .logo img {
        width: 250px !important;
        height: 145px !important;
    }
    .video-container {
        width: 100vw;
        height: auto !important;
        position: relative;
        bottom: 6px;
    }
    video{
        height:auto !important;
    }
    .overviewimage img {
     
        height: auto !important;
    }
    .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 {
        bottom: 0px !important;
        height:auto !important;
    }
    .beyondaqaba {
      
        overflow: hidden;
        height: 984px !important;
    }
    .sidemenu {    
        height: 850px !important;
    }
    p {
        line-height: 60px !important;
        font-size: 30px !important;
    }
    .layer img {
        height: 900px !important;
        width: 100%;
    }
    .beyondaqabaitems {
        bottom: 0px !important; 
    }
    .service-title
    {
        height:130px !important;
    }
    .aboutaqabasection {
        margin-top: 80px !important;
    }
    .logo img {
        width: 250px !important;
        height: 130px !important;
    }
    .thingstodo {
        height: 960px;
    }
    .overview {
        height: auto !important;
    }
    h5 {
        font-size: 45px !important;
    }
    h1 {
        font-size: 40px !important;
    }
    #carouselExampleControls
    {
        margin-top:0px !important;
    }
    #slider-animation .carousel-inner {
        height: auto !important;
    }
    .main-slider .carousel {
        margin-top: -195px !important;
    }
    .videocontrolbtn {
        width: 85% !important;
        top: 90px !important;
    }
    .side-socialmedia {
        min-height: 104.5%;
    }
    .sectionreadmore a {
        font-size: 35px !important;
    }
    .beyondaqaba-intro {
        position: relative;
        left: 80px;
    }
    .thingstodo .owl-prev {
        position: relative;
        right: 70px !important;
    }
    .sectionreadmore {
        width: 100% !important;
    }
    .card-number {
        position: absolute;
        top: -4px !important;
     
    }
    .card-number {
        font-size: 30px !important;
    }
  
    }

@media only screen and (width: 1366px) and (height: 641px) {
    video {
        height: 749px !important;
    }
}