
@media  only screen and (min-device-width: 1761px)
{

    #BalDesc {
        line-height: 50px;
    }
    .firstimage img {
        position: absolute !important;
        right: 0px !important;
        opacity: 0.6 !important;
        width: 50%;
    }
    .Secondimage img {
        position: absolute;
        bottom: 0 !important;
        right: 0px !important;
        opacity: 0.6;
        width: 50%;
    }

    .textasir {
        font-size: 26px;
        line-height: 52px;
    }

    .outmassage h5 {
        font-size: 26px;
        line-height: 52px;
    }


    .outmassage ul li {
        font-size: 21px;
        line-height: 50px;
    }


    .statistics label {
        margin-top: 0px !important;
    }


}

@media  only screen and (min-device-width: 1600px)  and (max-device-width:1760px )
{

    #BalDesc {
        line-height: 50px;
        font-weight: normal;
    }


    .firstimage img {
        position: absolute !important;
        right: 0px !important;
        opacity: 0.6 !important;
        width: 50%;
    }


    .textasir {
        font-size: 26px;
        line-height: 52px;
    }

    .outmassage h5 {
        font-size: 26px;
        line-height: 52px;
    }


    .outmassage ul li {
        font-size: 21px;
        line-height: 50px;
    }


    .Secondimage img {
        position: absolute;
        bottom: 0 !important;
        right: 0px !important;
        opacity: 0.6;
        width: 50%;
    }
    .topbar-part {
        padding-right: 2px;
        font-size: 13px;
    }

    #baladyatdiv {
        font-weight: bolder;
        position: absolute;
        font-weight: bolder;
        top: 30%;
        width: 48%;
        font-size: 24px;
        line-height: 45px;
    }
}
/* Extra large screens, TV */
@media  only screen and (min-device-width: 1400px) and (max-device-width:1600px )
{
    #BalDesc {
        line-height: 50px;
        font-weight: normal;
    }
    .textasir {
        font-size: 22px;
        line-height: 49px;
    }

    .outmassage h5 {
        font-size: 22px;
        line-height: 49px;
    }


    .outmassage ul li {
        font-size: 22px;
        line-height: 49px;
    }


    .firstimage img {
        position: absolute !important;
        right: 0px !important;
        opacity: 0.6 !important;
        width: 50%;
    }
    .Secondimage img {
        position: absolute;
        bottom: 0 !important;
        right: 0px !important;
        opacity: 0.6;
        width: 50%;
    }
    #baladyatdiv {
        font-weight: bolder;
        position: absolute;
        font-weight: bolder;
        top: 20%;
        width: 47%;
        font-size: 24px;
        line-height: 45px;
    }


    .topbar-part {
        padding-right: 2px;
        font-size: 14px;
      } 

      .logoimage {
        width: 65%;
      }
}

@media only screen and (min-device-width: 1250px) and (max-device-width:1399px ) {
    .topbar-part {
        padding-right: 1px;
    }

    #BalDesc {
        line-height: 50px;
        font-weight: normal;
    }


    .textasir {
        font-size: 22px;
        line-height: 49px;
    }

    .outmassage h5 {
        font-size: 22px;
        line-height: 49px;
    }


    .outmassage ul li {
        font-size: 22px;
        line-height: 49px;
    }



    .cardservice .card {
        margin: 30px 10px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 17px;
    }

    #navbarSupportedContent .nav-item {
        margin-left: 11px;
    }

    .maintab {
        width: 60%;
        margin: 0 auto;
    }

    #baladyatdiv {
        font-weight: bolder;
        position: absolute;
        font-weight: bolder;
        top: 15%;
        width: 45%;
        font-size: 25px;
    }

    .SVGASIR {
        height: 55px;
        width: 434px;
        float: left;
    }

    .nav-tools {
        margin-left: 100px !important;
    }

}
@media only screen and (min-device-width: 1201px) and (max-device-width:1251px ) {

    #BalDesc {
        line-height: 50px;
        font-weight: normal;
    }
        .textasir {
            font-size: 22px;
            line-height: 49px;
        }

        .outmassage h5 {
            font-size: 22px;
            line-height: 49px;
        }


        .outmassage ul li {
            font-size: 22px;
            line-height: 49px;
        }
        .cardservice .card {
            margin: 30px 10px;
        }
        .nav-tools {
            margin-left: 60px !important;
        }
        .topbar-part {
            padding-right: 1px;
        }

        .navbar-expand-lg .navbar-nav .nav-link {
            font-size: 17px;
        }

        #navbarSupportedContent .nav-item {
            margin-left: 11px;
        }

        .maintab {
            width: 60%;
            margin: 0 auto;
        }

        #baladyatdiv {
            font-weight: bolder;
            position: absolute;
            font-weight: bolder;
            top: 15%;
            width: 45%;
            font-size: 21px;
            line-height: 49px;
        }

        .SVGASIR {
            height: 55px;
            width: 404px;
            float: left;
        }

        .firstimage img {
            width:60%;
            position:absolute;
            right:0px !important;
            opacity:0.6;
            width:40%;
        }


        .Secondimage img {
            width: 60%;
            position: absolute;
            bottom: 0;
            right: 4px;
            opacity: 0.6;
            width: 50%;
        }
    }
    /* Desktops, large screens */
@media only screen and (min-device-width: 1025px) and (max-device-width:1200px ) {

        .cardservice .card {
            margin: 30px 10px;
        }

    #BalDesc {
        line-height: 50px;
        font-weight: normal;
    }


        .textasir {
            font-size: 22px;
            line-height: 49px;
        }

        .outmassage h5 {
            font-size: 22px;
            line-height: 49px;
        }


        .outmassage ul li {
            font-size: 18px;
            line-height: 49px;
        }

        .nav-tools {
            margin-left: 35px !important;
        }
        .container {
            max-width: 1028px;
        }

        .topbar-part {
            padding-right: 1px;
        }

        .navbar-expand-lg .navbar-nav .nav-link {
            font-size: 15px;
        }

        #navbarSupportedContent .nav-item {
            margin-left: 3px;
        }

        .maintab {
            width: 70%;
            margin: 0 auto;
        }

        #baladyatdiv {
            font-weight: bolder;
            position: absolute;
            font-weight: bolder;
            top: 15%;
            width: 45%;
            font-size: 18px;
            line-height: 49px;
        }

        .SVGASIR {
            height: 55px;
            width: 420px;
            float: left;
        }

        .firstimage img {
            width: 60%;
            position: absolute;
            right: 0px !important;
            opacity: 0.6;
            width: 40%;
        }


        .Secondimage img {
            width: 60%;
            position: absolute;
            bottom: 0;
            right: 4px;
            opacity: 0.6;
            width: 50%;
        }
    }
    /* Small screens, laptops */
@media only screen and (min-device-width: 995px) and (max-device-width: 1024px) {

    #BalDesc {
        line-height: 50px;
        font-weight: normal;
    }
        .textasir {
            font-size: 22px;
            line-height: 49px;
        }

        .outmassage h5 {
            font-size: 22px;
            line-height: 49px;
        }


        .outmassage ul li {
            font-size: 17px;
            line-height: 49px;
        }


        .cardservice .card {
            margin: 30px 5px;
        }
        .nav-tools {
            margin-left: 10px !important;
        }
        .topbar-part {
            padding-right: 1px;
            font-size: 14px;
        }

        .navbar-expand-lg .navbar-nav .nav-link {
            font-size: 14px;
        }

        #navbarSupportedContent .nav-item {
            margin-left: 2px;
        }

        .maintab {
            width: 70%;
            margin: 0 auto;
        }

        #baladyatdiv {
            font-weight: bolder;
            position: absolute;
            font-weight: bolder;
            top: 15%;
            width: 45%;
            font-size: 18px;
            line-height: 49px;
        }

        .SVGASIR {
            height: 55px;
            width: 389px;
            float: left;
        }

        .firstimage img {
            width: 60%;
            position: absolute;
            right: 0px !important;
            opacity: 0.6;
            width: 40%;
        }


        .Secondimage img {
            width: 60%;
            position: absolute;
            bottom: 0;
            right: 4px;
            opacity: 0.6;
            width: 50%;
        }
    }

@media only screen and (min-device-width: 769px) and (max-device-width: 994px) {


    #BalDesc {
        line-height: 50px;
        font-weight: normal;
    }

    .textasir {
        font-size: 22px;
        line-height: 49px;
    }

    .img-style {
        height: 320px !important;
    }


    .outmassage h5 {
        font-size: 22px;
        line-height: 49px;
    }


    .outmassage ul li {
        font-size: 15px;
        line-height: 44px;
    }
    .cardservice .card {
        margin: 30px 10px;
    }

    .nav-tools {
        margin-left: 2px !important;
    }
    .heroh {
        position: absolute;
        top: 27%;
        right: 17%;
        font-weight: bold;
        font-size: 31px;

    }

    .herotext {
        position: absolute;
        top: 43%;
        right: 17%;
        font-weight: bold;
        font-size: 23px;
    }
    .topbar-part2 {
        text-align: center;
        margin-top:10px;
        
    }
    .topbar-part {
        font-size: 16px !important;
    }

    .container {
        max-width: 100%;
        padding: 0px;
    }

    .headericons {
        padding: unset !important;
        justify-content: center;
    }

    .baladyatgat {
        display: none !important;
    }
    .topbar-part {
        padding-right: 1px;
        font-size: 14px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 14px;
    }

    #navbarSupportedContent .nav-item {
        margin-left: 2px;
    }

    .maintab {
        width: 85%;
        margin: 0 auto;
    }

    #baladyatdiv {
        font-weight: bolder;
        position: absolute;
        font-weight: bolder;
        top: 15%;
        width: 45%;
        font-size: 18px;
        line-height: 49px;
    }

    .SVGASIR {
        height: 55px;
        width: 375px;
        float: left;
    }

    .firstimage img {
        width: 60%;
        position: absolute;
        right: 0px !important;
        opacity: 0.6;
        width: 40%;
    }


    .Secondimage img {
        width: 60%;
        position: absolute;
        bottom: 0;
        right: 4px;
        opacity: 0.6;
        width: 50%;
    }

    .amananumber .card {
        width: 100%;
        margin-bottom: 13px;
    }


    .navbar-collapse {

        padding-right: 100px;
    }
}



    /* iPads, Tablets */
@media only screen and (min-device-width: 545px) and (max-device-width: 768px) {

    #BalDesc {
        line-height: 50px;
        font-weight: normal;
    }


        #pills-tabContent .card {
            margin-bottom: 21px;
        }
        .textasir {
            font-size: 22px;
            line-height: 49px;
        }

        .outmassage h5 {
            font-size: 22px;
            line-height: 49px;
        }


        .outmassage ul li {
            font-size: 17px;
            line-height: 49px;
        }

        .img-style {
            height: 320px !important;
        }



        .cardservice .card {
            margin: 30px 0px;
        }
        .heroh {
            position: absolute;
            top: 27%;
            right: 17%;
            font-weight: bold;
            font-size: 22px;
            width:80%
        }

        .herotext {
            position: absolute;
            top: 43%;
            right: 17%;
            font-weight: bold;
            font-size: 20px;
            width: 80%
        }

        .topbar-part2 {
            text-align: center;
            margin-top: 10px;
        }

        .topbar-part {
            font-size: 16px !important;
        }

        .container {
            max-width: 100%;
            padding: 0px;
        }

        .headericons {
            padding: unset !important;
            justify-content: center;
        }

        .baladyatgat {
            display: none !important;
        }

        .topbar-part {
            padding-right: 1px;
            font-size: 14px;
        }

        .navbar-expand-lg .navbar-nav .nav-link {
            font-size: 14px;
        }

        #navbarSupportedContent .nav-item {
            margin-left: 2px;
        }

        .maintab {
            width: 85%;
            margin: 0 auto;
        }

        .BaladyatmainDiv {
            height: 850px;
        }

        #baladyatdiv {
            font-weight: bolder;
            position: absolute;
            font-weight: bolder;
            top: 45%;
            width: 83%;
            font-size: 18px;
            line-height: 49px;
        }

        .SVGASIR {
            height: 550px;
            width: 360px;
            float: left !important;
            margin: 0 auto;
        }

        .firstimage img {
            width: 60%;
            position: absolute;
            right: 0px !important;
            opacity: 0.6;
            width: 40%;
        }


        .Secondimage img {
            width: 60%;
            position: absolute;
            bottom: 0;
            right: 4px;
            opacity: 0.6;
            width: 50%;
        }

        .amananumber .card {
             width: 100%; 
            margin-bottom: 13px;
        }

        .navbar-collapse {
            padding-right: 100px;
        }


        .herosection .owl-carousel .owl-item img {
            height: 300px !important;
        }
    }
    /* Mobile devices */
@media only screen and (min-width: 320px) and (max-width: 544px) {

    .divbefore .card {
        width: 100% !important;
        height: 442px !important;
    }

    #original img {
        height: 442px !important;
    }

    .texthere {
        position: absolute;
        top: 308px !important;
        left: 0 !important;
        right: 121px !important;
    }
        #pills-tabContent .card {
        margin-bottom: 21px;
    }


     .textasir {
            font-size: 22px;
            line-height: 49px;
        }

        .outmassage h5 {
            font-size: 22px;
            line-height: 49px;
        }


        .outmassage ul li {
            font-size: 17px;
            line-height: 40px;
        }

    .img-style {

        height:320px !important;
    }


        .heroh {
        position: absolute;
        top: 27%;
        right: 17%;
        font-weight: bold;
        font-size: 22px;
        width: 80%
    }

    .herotext {
        position: absolute;
        top: 43%;
        right: 17%;
        font-weight: bold;
        font-size: 20px;
        width: 80%
    }

    .textasir {
        font-size: 18px !important;
        line-height: 36px;
    }

    .topbar-part2 {
        text-align: center;
        margin-top: 10px;
    }

    .topbar-part {
        font-size: 16px !important;
    }

    .container {
        max-width: 100%;
        padding: 0px;
    }

    .headericons {
        padding: unset !important;
        justify-content: end;
    }

    .baladyatgat {
        display: none !important;
    }

    .topbar-part {
        padding-right: 1px;
        font-size: 14px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 14px;
    }

    #navbarSupportedContent .nav-item {
        margin-left: 2px;
    }

    .maintab {
        width: 105%;
        margin: 0 auto;
    }

    .BaladyatmainDiv {
        height: 850px;
    }

    #baladyatdiv {
        font-weight: normal;
        position: absolute;
        font-weight: normal;
        top: 45%;
        width: 83%;
        font-size: 18px;
        line-height: 40px;
    }

    .SVGASIR {
        height: 55px;
        width: 100% !important;
        float: unset !important;
        margin: 0 auto;
    }

    .firstimage img {
        width: 60%;
        position: absolute;
        right: 0px !important;
        opacity: 0.6;
        width: 40%;
    }


    .Secondimage img {
        width: 60%;
        position: absolute;
        bottom: 0;
        right: 4px;
        opacity: 0.6;
        width: 50%;
    }


    .amananumber .card {
         width: 100%; 
        margin-bottom: 13px;
    }


    .navbar-collapse {
        padding-right: 100px;
    }

    .herosection .owl-carousel .owl-item img {
        height: 350px !important;
    }

    .balimg i {
        font-size: 37px;
    }

    #Formmm .card-body {
        margin: 0 !important
    }


    #Formmm .card {
        padding: 0px !important;
    }

}

@media only screen and (max-width: 319) {

    #Formmm .card-body{
        margin:0 !important
    }


    #Formmm .card{
        padding:0px !important;
    }
    .divbefore .card {
        width: 100% !important;
        height: 442px !important;
    }

    #original img {
        height: 442px !important;
    }

    .texthere {
        position: absolute;
        top: 307px !important;
        left: 0 !important;
        right: 121px !important;
    }
}



