/* -------------------- tablet design ------------------- */
@media (min-width: 768px) and (max-width: 1024px) {
    #main #contentsection{
        margin-bottom:0px;
    }
    .lbkhabar, .carousel-caption {
        font-size: 2.2vw;
    }
    .main-header {
        background-image: url('/Theme/Darman/Images/m_header1.png');
        height: 20vh;
    }
    .img-monasebat{
        height:11vh;
    }
    .main-nav2{
        top:16vh;
        z-index:10;
    }
    .main-nav img, .main-nav2 img{
        width:11%;
        margin:0.5%;
    }
    .main-static-img{
        margin-top:7vh;
        height:25vh;
    }
    .myCarousel2-caption{
        font-size:3vw;
    }
    #myCarousel {
        width:95%;
        height:25vh;
    }
    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
        height: 25vh;
    }
    .smallheader{
        background-image:url('/Theme/Darman/Images/header2.png');
        height:15vh;
    }
    .smallheader .main-nav {
        top:12vh;
        right:-10%;
    }
    #lab{
        background-image:url('/Theme/Darman/Images/m_azmayeshgah-back.jpg');
        padding-top:300px;
    }
    #lab #icons img {
        margin:auto;
        margin-bottom:30px;
        width:80%;
        }
    #clinick{
        background-image:url('/Theme/Darman/Images/m_clinick-back.jpg');
        padding-top:300px;
    }
    #clinick table td{
        display:block;
    }
    #clinick table img {
        margin-bottom:30px;
        height:auto; 
        }
    #drug{
        background-image:url('/Theme/Darman/Images/m_darookhane-back.jpg');
        padding-top:40vh;
    }
    #drug #drugicon{
        width:60%;
        margin-right:20%;
        height:auto;
    }
    #news{
        padding-top:250px;
    }
    #news table td{
        display:block;
    }
    .news-slider{
        width:100%;
    }
    #divkhabarakhir{
        height:30vh;
    }
    .carousel-inner > .item > a > img, .news-slider .carousel-inner > .item > img{
        height:30vh;
    }
    .div10khabarakhir{
        height:40vh;
        margin-top:20px;
        overflow-y:auto;
        width:98%;
    }
    .div10khabarakhir a{
        font-size:2.2vw;
    }
    #about{
        padding-top:300px;
    }
    #about table td{
        display:block;
    }
    #about table img{
        height:auto;
        margin-bottom:30px;
    }
    #nav{
        font-size:2.5vw;
    }
    #posibility{
        background-image:url('/Theme/Darman/Images/m_azmayeshgah-technology-more.jpg');
    }
    .content-holder {
        width:80%;
        height:35vh;
        margin-top:50vh;
    }
    #responsivness{
        background-image:url('/Theme/Darman/Images/m_azmayeshgah-answer-more.jpg');
    }
    #tests{
        background-image:url('/Theme/Darman/Images/m_azmayeshgah-test-more.jpg');
    }
    #cservice{
        background-image:url('/Theme/Darman/Images/m_khadamat.jpg');
    }
    #heartmore{
        background-image:url('/Theme/Darman/Images/m_ghlb.jpg');
    }
    #cdoctors{
        background-image:url('/Theme/Darman/Images/m_pezeshk-hamkar.jpg');
    }
    #ultrasound {
        background-image: url('/Theme/Darman/Images/m_radiology.jpg');
    }
    #dentist {
        background-image: url('/Theme/Darman/Images/m_dandanpezeshki.jpg');
    }
    #drugmore{
        background-image:url('/Theme/Darman/Images/m-darookhane-more.jpg');
    }
    #aboutmore{
        background-image:url('/Theme/Darman/Images/m_about-about-more.jpg');
    }
    #hamkarmore{
        background-image:url('/Theme/Darman/Images/m_about-hamkar-more.jpg');
    }
    .cliniclinksdiv .clinickdivcontent{
        vertical-align:top;
    }
    #pezeshkan table td{
        display:block;
    }
    #pezeshkan .doctor-info img {
        right:40px;
    }
    #tamasmore{
        background-image:url('/Theme/Darman/Images/m_about-contact-more.jpg');
    }
    .cliniclinksdiv .clinickdivcontent{
        direction:ltr;
    }
    .section .section-p{
        direction:rtl;
    }
    #bimemore{
        background-image:url('/Theme/Darman/Images/m_about-bime-more.jpg');
    }
}


/* -------------------- mobile design -------------------- */
@media (min-width: 320px) and (max-width: 767px) {
    #main #contentsection {
        margin-bottom: 0px;
    }

    .lbkhabar, .carousel-caption {
        font-size: 2.2vw;
    }

    .main-header {
        background-image: url('/Theme/Darman/Images/m_header1.png');
        height: 20vh;
    }

    .img-monasebat {
        height: 11vh;
    }

    .main-nav2 {
        top: 16vh;
        z-index: 10;
    }

        .main-nav img, .main-nav2 img {
            width: 11%;
            margin: 0.5%;
            height:auto;
        }

    .main-static-img {
        margin-top: 7vh;
        height: 25vh;
    }

    .myCarousel2-caption {
        font-size: 3vw;
    }

    #myCarousel {
        width: 95%;
        height: 25vh;
    }

    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
        height: 25vh;
    }

    .smallheader {
        background-image: url('/Theme/Darman/Images/header2.png');
        height: 15vh;
    }

        .smallheader .main-nav {
            top: 12vh;
            right: 0%;
        }

    #lab {
        background-image: url('/Theme/Darman/Images/m_azmayeshgah-back.jpg');
        padding-top: 200px;
    }

        #lab #icons img {
            margin: auto;
            margin-bottom: 30px;
            width: 80%;
            height:auto;
        }

    #clinick {
        background-image: url('/Theme/Darman/Images/m_clinick-back.jpg');
        padding-top: 200px;
    }

        #clinick table td {
            display: block;
        }

        #clinick table img {
            margin-bottom: 30px;
            height: auto;
        }

    #drug {
        background-image: url('/Theme/Darman/Images/m_darookhane-back.jpg');
        padding-top: 40vh;
    }

        #drug #drugicon {
            width: 60%;
            margin-right: 20%;
            height: auto;
        }

    #news {
        padding-top: 150px;
    }

        #news table td {
            display: block;
        }

    .news-slider {
        width: 100%;
    }

    #divkhabarakhir {
        height: 30vh;
    }

    .carousel-inner > .item > a > img, .news-slider .carousel-inner > .item > img {
        height: 30vh;
    }

    .div10khabarakhir {
        height: 40vh;
        margin-top: 20px;
        overflow-y: auto;
        width: 98%;
    }

        .div10khabarakhir a {
            font-size: 2.2vw;
        }

    #about {
        padding-top: 200px;
    }

        #about table td {
            display: block;
        }

        #about table img {
            height: auto;
            margin-bottom: 30px;
        }

    #nav {
        font-size: 2.5vw;
    }

    #posibility {
        background-image: url('/Theme/Darman/Images/m_azmayeshgah-technology-more.jpg');
    }

    .content-holder {
        width: 80%;
        height: 35vh;
        margin-top: 50vh;
    }

    #responsivness {
        background-image: url('/Theme/Darman/Images/m_azmayeshgah-answer-more.jpg');
    }

    #tests {
        background-image: url('/Theme/Darman/Images/m_azmayeshgah-test-more.jpg');
    }

    #cservice {
        background-image: url('/Theme/Darman/Images/m_khadamat.jpg');
    }

    #heartmore {
        background-image: url('/Theme/Darman/Images/m_ghlb.jpg');
    }

    #cdoctors {
        background-image: url('/Theme/Darman/Images/m_pezeshk-hamkar.jpg');
    }

    #ultrasound {
        background-image: url('/Theme/Darman/Images/m_radiology.jpg');
    }

    #dentist {
        background-image: url('/Theme/Darman/Images/m_dandanpezeshki.jpg');
    }

    #drugmore {
        background-image: url('/Theme/Darman/Images/m-darookhane-more.jpg');
    }

    #aboutmore {
        background-image: url('/Theme/Darman/Images/m_about-about-more.jpg');
    }

    #hamkarmore {
        background-image: url('/Theme/Darman/Images/m_about-hamkar-more.jpg');
    }

    .cliniclinksdiv .clinickdivcontent {
        vertical-align: top;
    }

    #pezeshkan table td {
        display: block;
    }

    #pezeshkan .doctor-info img {
        right: 40px;
    }

    #tamasmore {
        background-image: url('/Theme/Darman/Images/m_about-contact-more.jpg');
    }

    .cliniclinksdiv .clinickdivcontent {
        direction: ltr;
    }

    .section .section-p {
        direction: rtl;
    }

    #bimemore {
        background-image: url('/Theme/Darman/Images/m_about-bime-more.jpg');
    }
    .doctor-info span{
        padding-right:35%;
        font-size:small;
        margin-bottom:0px;
    }
    .doctor-info{
        padding-top:40px;
        padding-bottom:40px;
        width:100%;
    }
    #pezeshkan .doctor-info img {
        right:10px;
        width:65px;
        height:80px;
        top:20px;
}
    .carousel-control.left span, .carousel-control.right span {
        width:40px;
        height:40px;
    }
    #myCarousel2 .download-link{
        top:8px;
    }
}



/* -------------------- mobile design (landscape) -------- */
@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
    #main #contentsection {
        margin-bottom: 0px;
    }

    .lbkhabar, .carousel-caption {
        font-size: 2.2vw;
    }

    .main-header {
        background-image: url('/Theme/Darman/Images/m_header1.png');
        height: 50vh;
    }

    .img-monasebat {
        height: 30vh;
    }

    .main-nav2 {
        top: 40vh;
        z-index: 10;
    }

        .main-nav img, .main-nav2 img {
            width: 11%;
            margin: 0.5%;
            height: auto;
        }

    .main-static-img {
        margin-top: 18vh;
        height: 65vh;
    }

    #myCarousel2{
        height:40vh;
        margin-top:5vh;
    }
        #myCarousel2 .download-link {
            top:-10px;
        }
      .pimg{
          top:15px;
      }
        .myCarousel2-caption {
        font-size: 3vw;
        top:30px;
    }

    #myCarousel {
        width: 95%;
        height: 80vh;
    }

    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
        height: 80vh;
    }

    .smallheader {
        background-image: url('/Theme/Darman/Images/header2.png');
        height: 30vh;
    }

        .smallheader .main-nav {
            top: 23vh;
            right: 0%;
        }

    #lab {
        background-image: url('/Theme/Darman/Images/m_azmayeshgah-back.jpg');
        padding-top: 200px;
        background-size:100% 100%;
    }

        #lab #icons img {
            margin: auto;
            margin-bottom: 30px;
            width: 50%;
            height: 20vh;
        }

    #clinick {
        background-image: url('/Theme/Darman/Images/m_clinick-back.jpg');
        padding-top: 200px;
        background-size: 100% 100%;
    }

        #clinick table td {
            display: block;
        }

        #clinick table img {
            margin-bottom: 30px;
            height: auto;
        }

    #drug {
        background-image: url('/Theme/Darman/Images/m_darookhane-back.jpg');
        padding-top: 40vh;
    }

        #drug #drugicon {
            width: 50%;
            margin-right: 20%;
            height: 20vh;
        }

    #news {
        padding-top: 150px;
    }

        #news table td {
            display: block;
        }

    .news-slider {
        width: 100%;
    }

    #divkhabarakhir {
        height: 80vh;
    }

    .carousel-inner > .item > a > img, .news-slider .carousel-inner > .item > img {
        height: 80vh;
    }

    .div10khabarakhir {
        height: 80vh;
        margin-top: 20px;
        overflow-y: auto;
        width: 98%;
    }

        .div10khabarakhir a {
            font-size: 2.2vw;
        }

    #about {
        padding-top: 200px;
    }

        #about table td {
            display: block;
        }

        #about table img {
            height: auto;
            margin-bottom: 30px;
        }

    #nav {
        font-size: 2.5vw;
    }

    .cliniclinksdiv{
        height:200vh;
    }

    #posibility {
        background-image: url('/Theme/Darman/Images/m_azmayeshgah-technology-more.jpg');
    }

    .content-holder {
        width: 80%;
        height: 65vh;
        margin-top: 105vh;
    }

    #responsivness {
        background-image: url('/Theme/Darman/Images/m_azmayeshgah-answer-more.jpg');
    }

    #tests {
        background-image: url('/Theme/Darman/Images/m_azmayeshgah-test-more.jpg');
    }

    #cservice {
        background-image: url('/Theme/Darman/Images/m_khadamat.jpg');
    }

    #heartmore {
        background-image: url('/Theme/Darman/Images/m_ghlb.jpg');
    }

    #cdoctors {
        background-image: url('/Theme/Darman/Images/m_pezeshk-hamkar.jpg');
    }

    #ultrasound {
        background-image: url('/Theme/Darman/Images/m_radiology.jpg');
    }

    #dentist {
        background-image: url('/Theme/Darman/Images/m_dandanpezeshki.jpg');
    }

    #drugmore {
        background-image: url('/Theme/Darman/Images/m-darookhane-more.jpg');
    }

    #aboutmore {
        background-image: url('/Theme/Darman/Images/m_about-about-more.jpg');
    }

    #hamkarmore {
        background-image: url('/Theme/Darman/Images/m_about-hamkar-more.jpg');
    }

    .cliniclinksdiv .clinickdivcontent {
        vertical-align: top;
    }

    #pezeshkan table td {
        display: block;
    }

    #pezeshkan .doctor-info img {
        right: 30px;
        width:100px;
        height:80px;
    }

    #tamasmore {
        background-image: url('/Theme/Darman/Images/m_about-contact-more.jpg');
    }

    .cliniclinksdiv .clinickdivcontent {
        direction: ltr;
    }

    .section .section-p {
        direction: rtl;
    }

    #bimemore {
        background-image: url('/Theme/Darman/Images/m_about-bime-more.jpg');
    }

    .doctor-info span {
        padding-right: 35%;
        font-size: small;
        margin-bottom: 0px;
    }

    .doctor-info {
        padding-top: 40px;
        padding-bottom: 40px;
        width: 100%;
    }

    .carousel-control.left span, .carousel-control.right span {
        width: 40px;
        height: 40px;
    }

    .section{
        padding-top:55vh;
    }
}



/* -------------------- tablet design (landscape) ---------- */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    #main #contentsection {
        margin-bottom: 0px;
    }

    .lbkhabar, .carousel-caption {
        font-size: 2.2vw;
    }

    .main-header {
        background-image: url('/Theme/Darman/Images/m_header1.png');
        height: 35vh;
    }

    .img-monasebat {
        height: 20vh;
    }

    .main-nav2 {
        top: 28vh;
        z-index: 1;
    }

        .main-nav img, .main-nav2 img {
            width: 11%;
            margin: 0.5%;
            height: auto;
        }
    .main-nav img{
        width:9%;
    }
    .main-static-img {
        height: 40vh;
    }

    #myCarousel2 {
        height: 20vh;
    }

        #myCarousel2 .download-link {
            top: 10px;
        }

    .pimg {
        top: 0px;
    }

    .myCarousel2-caption {
        font-size: small;
        top: 30px;
    }

    #myCarousel {
        width: 95%;
        height: 60vh;
        margin-top:7vh;
    }

    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
        height: 60vh;
    }

    .smallheader {
        background-image: url('/Theme/Darman/Images/header2.png');
        height: 30vh;
    }

        .smallheader .main-nav {
            top: 23vh;
            right: 0%;
        }

    #lab {
        background-image: url('/Theme/Darman/Images/m_azmayeshgah-back.jpg');
        padding-top: 350px;
        background-size: 100% 100%;
    }

        #lab #icons img {
            margin: auto;
            margin-bottom: 30px;
            width: 150%;
            height: 13vh;
        }

    #clinick {
        background-image: url('/Theme/Darman/Images/m_clinick-back.jpg');
        padding-top: 200px;
        background-size: 100% 100%;
    }

        #clinick table td {
            display: block;
        }

        #clinick table img {
            margin-bottom: 30px;
            height: auto;
        }

    #drug {
        background-image: url('/Theme/Darman/Images/m_darookhane-back.jpg');
        padding-top: 40vh;
    }

        #drug #drugicon,#drug .col-lg-3 {
            width: 50vh;
            margin-right: 20%;
            height: auto;
        }

    #news {
        padding-top: 150px;
    }

        #news table td {
            display: block;
        }

    .news-slider {
        width: 100%;
    }

    #divkhabarakhir {
        height: 80vh;
    }

    .carousel-inner > .item > a > img, .news-slider .carousel-inner > .item > img {
        height: 80vh;
    }

    .div10khabarakhir {
        height: 80vh;
        margin-top: 20px;
        overflow-y: auto;
        width: 98%;
    }

        .div10khabarakhir a {
            font-size: 2.2vw;
        }

    #about {
        padding-top: 200px;
    }

        #about table td {
            display: block;
        }

        #about table img {
            height: auto;
            margin-bottom: 30px;
        }

    #nav {
        font-size: 2.5vw;
    }

    .cliniclinksdiv {
        height: 200vh;
    }

    #posibility {
        background-image: url('/Theme/Darman/Images/m_azmayeshgah-technology-more.jpg');
    }

    .content-holder {
        width: 80%;
        height: 65vh;
        margin-top: 105vh;
    }

    #responsivness {
        background-image: url('/Theme/Darman/Images/m_azmayeshgah-answer-more.jpg');
    }

    #tests {
        background-image: url('/Theme/Darman/Images/m_azmayeshgah-test-more.jpg');
    }

    #cservice {
        background-image: url('/Theme/Darman/Images/m_khadamat.jpg');
    }

    #heartmore {
        background-image: url('/Theme/Darman/Images/m_ghlb.jpg');
    }

    #cdoctors {
        background-image: url('/Theme/Darman/Images/m_pezeshk-hamkar.jpg');
    }

    #ultrasound {
        background-image: url('/Theme/Darman/Images/m_radiology.jpg');
    }

    #dentist {
        background-image: url('/Theme/Darman/Images/m_dandanpezeshki.jpg');
    }

    #drugmore {
        background-image: url('/Theme/Darman/Images/m-darookhane-more.jpg');
    }

    #aboutmore {
        background-image: url('/Theme/Darman/Images/m_about-about-more.jpg');
    }

    #hamkarmore {
        background-image: url('/Theme/Darman/Images/m_about-hamkar-more.jpg');
    }

    .cliniclinksdiv .clinickdivcontent {
        vertical-align: top;
    }

    #pezeshkan table td {
        display: block;
    }

    #pezeshkan .doctor-info img {
        right: 35px;
        width: 100px;
        height: 100px;
    }

    #tamasmore {
        background-image: url('/Theme/Darman/Images/m_about-contact-more.jpg');
    }

    .cliniclinksdiv .clinickdivcontent {
        direction: ltr;
    }

    .section .section-p {
        direction: rtl;
    }

    #bimemore {
        background-image: url('/Theme/Darman/Images/m_about-bime-more.jpg');
    }

    .doctor-info span {
        padding-right: 35%;
        font-size: x-large ;
        margin-bottom: 0px;
    }

    .doctor-info {
        padding-top: 40px;
        padding-bottom: 40px;
        width: 70%;
        margin:auto;
    }

    .carousel-control.left span, .carousel-control.right span {
        width: 40px;
        height: 40px;
    }

    .section {
        padding-top: 45vh;
    }
}