/* 
=======================================
==============   1600px  ==============
=======================================
*/
@media only screen and (max-width: 1600px) {
  .tp-kbimg{
width: 1800px !important;
  }
}
/* 
=======================================
==============   1500px  ==============
=======================================
*/

@media only screen and (max-width: 1500px) {
  
  .paddiakhbar{
    padding: 0rem 0rem 0rem 8rem;
  }
    
}
/* 
=======================================
==============   1400px  ==============
=======================================
*/

@media only screen and (max-width: 1400px) {
  
  .p1{
    margin-left: 0px;
    margin-right: 0px;
 

    
  }

}

/* 
=======================================
==============   1299px  ==============
=======================================
*/



@media only screen and (max-width: 1299px) {
  .pddmr1{
    margin: 2rem;
  }
 #myicon{
  margin-right: 10rem;
 }
 .weblog_icon-img img{
   margin: 0 2.3rem;
 }
    
}

/* 
=======================================
==============   1231px  ==============
=======================================
*/


@media only screen and (max-width: 1231px) {
    
  .cardabut{
    line-height: 1.1rem;
font-size: 0.7rem;

  }
 
    
}

/* 
=======================================
==============   1230px  ==============
=======================================
*/
@media only screen and (max-width: 1230px) {
  .pcard1{
    font-size: medium;
    margin-left: 15px;
    }
    .pcard2{
      font-size: medium;
      margin-left: 8px;
    }
    .pcard3{
      font-size: medium;
      margin-left: 55px;
    }
    .pcard4{
      font-size: medium;
      margin-left: 0px;
    }
}

/* 
=======================================
==============   1170px  ==============
=======================================
*/

@media only screen and (max-width: 1170px) {
  .pddmr1{
    margin: 2rem;
  }
 #myicon{
  margin-right: 8rem;
 }
 
    
}

/* 
=======================================
==============   1100px min  ==============
=======================================
*/

@media only screen and (min-width: 1100px) {
  
    #slider-container #slider .slide {
      width: calc(2.5% - 20px);
    }
  
  }
  
  /* 
=======================================
==============   1100px max  ==============
=======================================
*/
  @media only screen and (max-width: 1100px) {
  
    #slider-container #slider .slide {
      width: calc(3.3333333% - 20px);
    }
    .p-bottom0{
      position: relative;
    }
  
  }


  
  /* 
=======================================
==============   1038px max  ==============
=======================================
*/
  
  @media only screen and (max-width: 1038px) {
    .pddmr1{
      margin: 2rem;
    }
   #myicon{
    margin-right: 6rem;
   }
   .leftfootre{
    margin-left: 13rem;
   }
   
      
  }

  /* 
=======================================
==============   993px  ==============
=======================================
*/

@media only screen and (max-width: 993px) {


  .imgbanner-text{
    padding: 0 1rem;
  
 
  }
  .imgbanner-textbl{
    padding: 0 1rem;
  }
  .ml-left5{
    margin-left: 0rem;
  }
    
}

  /* 
=======================================
==============   992px  ==============
=======================================
*/

  @media only screen and (max-width: 992px) {
  
    #slider-container{
      margin-left: 0;
    }
    .navrot{
      height: 72px;width: 100vh;
            transform-origin: left top;
            transform: rotate(0) translateX(0);
           
    }
    .roted2{
      transform-origin: left top;
        transform: rotate(0) translateX(0) translateY(0);
   
      margin-left: 60px;
    }
    .p1{
      margin-left: 0;
      margin-right:0;
      
    }
    .mytexte .p3{
      
        margin-left: 0;
        margin-right: 0;
    }
    .pcard1{
      font-size: medium;
      margin-left: 73px;
      }
      .pcard2{
        font-size: medium;
        margin-left: 65px;
      }
      .pcard3{
        font-size: medium;
        margin-left: 112px;
      }
      .pcard4{
        font-size: medium;
        margin-left: 57px;
      }
      .mypleft{
    
        padding-left: 0px !important;
        padding-right: 0px !important;
      }
      .tp-kbimg{
        width: 1200px !important;
          }
          .padtop{
            padding-top: 50px
          }
          .paddiakhbar{
            padding: 0;
          }
          .mrakhbar{
            margin-top: 4rem;
            margin-bottom: 2rem;
          }
          .mrpayiin1{
            margin-bottom: 10rem;
          }
          .mr-turism01{
            margin-left: 0rem;
          }
          
    /* .mr-turism01{
      margin-left: 0rem;
    } */
   
    .brk-header .nav01{
      display: none;
        }
        .brk-header .nav02{
          display: block;
        }
        .brk-header{
          background-color: transparent;
          height: 0;
          width: 100%;
        }

        .mrjin-bed{
         display: none;
        }
        .marjin-galerry{
          margin-left: 0rem;
        }
  
        .jarahi01:before{
               background-color: transparent; 
    content: ' ';
    margin-top: 0;
    width: 0;
    height: 0;
    min-height: 0;
    max-height: 0;
    position: absolute;
    right: 0;
    z-index: 0;

        }

        .p-bottom0{
          padding: 0 5rem;
        }
        .jarhiii{
          text-align: center;
        }
        .p-paddj{
          padding: 0 5rem;
        }
        .img-jarahitext{
          width: 20%;
        }
        .jarahi {
          margin-top: 0;
          margin-bottom: 2rem !important;
          margin-right: 5rem;
        }
        .khadamt04:before{
          background-color: transparent; 
          content: ' ';
          margin-top: 0;
          width: 0;
          height: 0;
          min-height: 0;
          max-height: 0;
          position: absolute;
          right: 0;
          z-index: 0;
        }
        .text-khabr{
          width: 8%;
          margin-right: 2rem;
         }
         .imgwblog{
          width: 11%;
            margin-right: 7rem;
        }
        .text-ruzmargi{
          width: 23%;
      margin-right: 4rem;
     }
     .colnon{
       display: none;
     }
     .topto{
       display: block;
     }
     .paddingus{
       padding: 0rem 2rem 4rem 2rem;;
     }
     .name-doctor {
    margin-top: 2rem; 

    }
    .the-news{
      padding: 3rem 1rem 0 1rem;
    }
    .all-new {
      
      padding: 0 1rem 0 1rem;
      
  }
  .ordone{
    order: 1;
  }
  .ordtow{
    order: 2;
  }
  .pad-sec{
    padding: 5rem 0;
  }
  .div-nvisande{
    padding-bottom: 0;
  }
  .titr-akhabr {
    padding: 3rem 0 0 0;
  }
  .map-mr{
    margin-left: 6rem;
  }
  .map-mr{
    margin-left: 0rem;
  }
  #onlinchat .fabs{
    left: 0;
    right: auto;
  }
  #onlinchat .chat{
    left: 15px;
    right: auto;
  }
  .sidenavnews{
    position: relative;
   padding: 5rem 0 !important;
  }
  
  .ward-img {
    width: 25%;
}
  }
  
/* 
=======================================
==============   920px  ==============
=======================================
*/
  @media only screen and (max-width: 920px) {
    .pddmr1{
      margin: 1rem;
    }
   #myicon{
    margin-right: 6rem;
   }
   .leftfootre{
    margin-left: 6rem;
   }
   
      
  }
  /* 
=======================================
==============   900px  ==============
=======================================
*/
  @media only screen and (max-width: 900px) {
  
    #slider-container #slider .slide {
      width: calc(5% - 20px);
    }
  
  }

 /* 
=======================================
==============   900px  ==============
=======================================
*/

  @media only screen and (max-width: 888px) {
    .pddmr1{
      margin: 1rem;
    }
   #myicon{
    margin-right: 4rem;
   }
   .leftfootre{
    margin-left: 4rem;
   }
   
   /* .footflx{
     
    
    margin-top: -3rem;
    margin-left: -13rem;
   } */
      
  }

  /* 
=======================================
==============   850px  ==============
=======================================
*/
  @media only screen and (max-width: 850px) {
    .article-container {
      width: 90vw;
    }
    .imgtiterall {
      width: 50%;
  }
  .p-paddj{
    padding: 0 1rem;
  }
  .p-bottom0{
    padding: 0 1rem;
  }
  .jarahi {

    margin-right: 1rem;
  }
  .img-jarahitext{
    width: 25%;
  }
  }  

  /* 
=======================================
==============   777px  ==============
=======================================
*/

@media only screen and (max-width: 777px) {
  .tp-kbimg{
width: 1500px !important;
  }
  .rs-pendulum{
    margin-left: 0px  !important;
  }
  
  .rs-parallaxlevel-2{
    margin-left: 0px  !important;
  }
  .with-enph{
    width: 30%;
  }
  
  .width-enbl{
    width: 18%;
  }
  
  .width-enab{
    width: 60%;
    margin-top: 0 !important;
  }
  .width-enser{
    width: 25% !important;
    }
    .bbnren{
      width: 60%;
    }
    .bbnren0{
      width: 60%;
    }
    .bbnrenbb{
      width: 60%;
    }

    
}
 /* 
=======================================
==============   769px  ==============
=======================================
*/
@media only screen and (max-width: 769px) {
  .pcard1{
    font-size: medium;
    margin-left: 80px;
    }
    .pcard2{
      font-size: medium;
      margin-left: 75px;
    }
    .pcard3{
      font-size: medium;
      margin-left: 120px;
    }
    .pcard4{
      font-size: medium;
      margin-left: 65px;
    }
    .imgsection1 {
width: 35%;
    }
    .imgsectiontur {
      width: 50%;
    }
    .pezshkan-img{
      width: 40%;
    }
    .num-imgt {
      width: 15%;
  }
  .num2t{
    margin: 0rem 5rem 0 0rem;
   }
   .mrt-up{
    margin-top: 0rem;
    width: 25%;
   }
   .pdi-top{
     padding-top: 0 !important;
   }
   .mrml-p{
    margin-left: 1rem;
    margin-right: 1rem;
     }
     .mar-t25r{
      margin-top: 0rem;
     }
     .img-withkh{
       width: 25%;
     }
     .p-titrtxt{
       padding-left: 0 !important;
       padding-right: 0 !important;
     }
     .mr-imgtitl{
      margin-top: -2rem;
     }
     #slderkha .swiper-button-prev{
      left: 10px !important;
        
    }
    #slderkha .swiper-button-next{
      right: 10px !important;
    }
    
.bgehsas:before{
  background-color: transparent;
  content: ' ';
  width: 0;
  height: 0;
  max-height: 0;
  min-height: 0;
  /* max-height: fit-content; */
  position: absolute;
  right: 0;
  z-index: 0;
}
.bbnren{
  width: 41%;
}
.hader_titr{
  padding: 0 2rem;
}
.bbnren0{
  width: 75%;
}
.bbnrenbb{
  width: 40%;
}


}
 /* 
=======================================
==============   768px  ==============
=======================================
*/

  @media only screen and (max-width: 768px) {
  
    .img_abuto img{
      height: auto !important;
    }
    .gap-about{
      padding-top: 0rem !important;
    }
    .bg-article{
      background-color: #dbdddb;
    }
    .about_article:before {
      background-color: transparent !important;
      content: ' ' !important;
      width: 0 !important;
      height: 0 !important;
      /* max-height: fit-content; */
      position: absolute;
      right: 0 !important;
      z-index: 0 !important;
  }
  .webLog_article:before {
    background-color: transparent !important;
    content: ' ';
    width: 0 !important;
    height: 0 !important;
    /* max-height: fit-content; */
    position: absolute;
    right: 0 !important;
    z-index: 0 !important;
}
.bold01{
  text-align: center;
  font-size: 16pt;
  line-height: 2rem;
}
.center778{
  text-align: center !important;
}
.pcard1{
  font-size: medium;
  margin-left: 150px;
  }
  .pcard2{
    font-size: medium;
    margin-left: 145px;
  }
  .pcard3{
    font-size: medium;
    margin-left: 185px;
  }
  .pcard4{
    font-size: medium;
    margin-left: 132px;
  }
  .azmayesh-pt{
    margin-top: 1rem;
     width: 30%;
   }
   .mr-kh07{
    margin-right: 1rem;
      margin-top: 0rem; 
     }
     .text-farai{
      margin-left: 1rem;
      margin-right: 1rem;
      margin-top: 1rem;
     }
     .mr-topt0{
       margin-top: 1rem !important;
       margin-bottom: 1rem;
     }
     .p-tasrvir{
      margin-left: 1rem;
      margin-top: 1rem;
      margin-right: 1rem;
      }

      .diplynon7{
        display: none;
      }
      .padding-maqle{
        padding: 0 !important;
      }
      .imgtext-khadamat{
        width: 23%;
      }
      .bastary-img{
        width: 30%;
      }
      .text-num3
      {
        margin: 0;
      }
      .mrt-up{
        width: 15%;
      }
      .jazbe-ml{
        margin-left: 0rem;
      }
      .pehsas01{
        padding-left: 0;
      }


      .ord1{

        order: 1;
      }
      .ord2{
        order: 2;
      }
      .ord3{
        order: 3;
      }
      .ord4{
        order: 4;
      }
      .ord5{
        order: 5;
      }
      .ord6{
        order: 6;
      }
      .ord7{
        order: 7;
      }
      
      .mySwiper03 .card img{
        height: 10.2rem;
      }

      .weblog_icon-img img{
        width: 13%;
        margin: 0 0.8rem;
      }
  }

 /* 
=======================================
==============   760px  ==============
=======================================
*/
  @media only screen and (max-width: 760px) {


    .imgtext-khadamat{
      margin-left: 6rem;
      width: 30%;
      margin-top: 2rem;
      margin-bottom: 2rem;
    }
    .imgtiterall {
      width: 50%;
  }
  .imgbanner-text{
    padding: 0 2rem;
  
  margin-top: 65vh;
  }
  .imgbanner-textbl{
    padding: 0 2rem;
  
  margin-top: 60vh;
  }
  
  .text-khabr{
    width: 12%;
    margin: 0;
  }
  .imgwblog {
    width: 15%;
    margin-right: 3rem;
  }
  .text-ruzmargi {
    width: 44%;
    margin-right: 0rem;
}
#sec_news .row{
   padding: 0px 4rem;
}

.ctscanen {
  margin-top: 2rem;
  width: 25%;
}
.colpdnon{padding: 0;}
.pdcolrighte{padding-right: 15px !important;}
.imgjarahi{padding: 1rem 0;}
      
  }
  
  /* 
=======================================
==============   550px  ==============
=======================================
*/
  @media only screen and (max-width: 550px) {
  
    #slider-container #slider .slide {
      width: calc(10% - 20px);
    }
    .imgtext-khadamat{
      margin-left: 0rem;
      width: 55%;
      margin-top: 1rem;
      margin-bottom: 1rem;
    }
    .img-aghline{
      text-align: center !important;
    }
    .imgsection1 {
      width: 55%;
  }
  .imgsectiontur {
    width: 70%;
}
  .about_gap {
    padding: 1rem 0;
}
.pezshkan-img {
  width: 65%;
}  
.imgsection {
  width: 45%;
}

.paddsec{
  padding: 1rem !important;
}
.imgtiterall {
  width: 50%;
}
.amuzesh-img0{
  width: 20%;
}
.text-khabr{
  width: 12%;
  margin: 0;
}
.text-ruzmargi {
  width: 30%;

}

#turism03id figure.snip1212{
  margin: 0;
}
#onlinchat .chat_converse{
  max-height: 300px;
  min-height: 300px;
  font-size: 8pt;
}
#onlinchat .chat .chat_converse .chat_msg_item .chat_avatar > i{
  font-size: 15px;
  line-height: 32px;
}
#onlinchat .chat .chat_converse .chat_msg_item .chat_avatar{
  width: 30px;
  height: 30px;
}
#onlinchat .chat .chat_converse .chat_msg_item{
  max-width: 50%;
}

.bbnren {
  width: 50%;
}
.bbnrenbb{
  width: 50%;
}
.hader_titr {
  padding: 0px 3rem;
}
.pad-sec{
  padding: 1.5rem 0;
}
.margin-kadrdarman{
  margin-top: 4rem !important;
}
.hosts-btnpd{
  margin-bottom: 4rem !important;
}
.mrtopfoot {
  margin-top: 2rem;
}
.mrtopfoot0h {
  margin-top: 6rem !important;
}
.mb-marginm{
  margin-bottom: 2rem !important;
}
.turpadd-sevis{
  padding: 1.5rem 0;
    text-align: right;
}
.mySwiper03 .card img{
  height: 13.2rem;
}
.weblog_icon-img img{
  width: 20%;
}
  }


 /* 
=======================================
==============   541px  ==============
=======================================
*/
  @media only screen and (max-width: 541px) {
    .pcard1{
      font-size: medium;
      margin-left: 155px;
      }
      .pcard2{
        font-size: medium;
        margin-left: 150px;
      }
      .pcard3{
        font-size: medium;
        margin-left: 195px;
      }
      .pcard4{
        font-size: medium;
        margin-left: 140px;
      }
      
  }
   /* 
=======================================
==============   515px  ==============
=======================================
*/
@media only screen and (max-width: 515px) {
  .pddmr1{
    margin: 1rem;
    /* display: none; */
  }
 #myicon{
  margin-right: 26rem;
  display: inline-flex;
  margin-top: 11rem;
 }
 .leftfootre{
  margin-left: 4rem;
 }
 .about_gap {
  padding: 1rem 0;
}
.cntertxt{
  text-align: center;
}
#myicon{
  margin: 0;
  display: inline-flex;
  float: none;
  width: auto;
  padding-bottom: 2rem;
}

.hader_titr{
  font-size: 22pt;
  /* line-height: 2rem; */
  padding: 0 2.5rem;
}
.under_hedtitr{
  font-size: 8pt;
  line-height: 1rem;
}
.center778{
  text-align: start !important;
}

    
}
  /* 
=======================================
==============   500px  ==============
=======================================
*/
  @media only screen and (max-width: 500px) {
    .p20{
      
        font-size: 16pt;
        line-height: 2rem;
     
    }
    .p21{
      line-height: 20pt;
      font-size: medium;
    }
    .tp-kbimg{
      width: 900px !important;
        }

       #turism03id figure.snip1212 img{
          height:  15rem !important;
        }
       #turism03id .responsive-map{
          height:  15rem !important;
        }
      
        .dis-tonon{
          display: none;
        }

  }

 /* 
=======================================
==============   481px  ==============
=======================================
*/
  @media only screen and (max-width: 481px) {
    .pcard1{
      font-size: medium;
      margin-left: 120px;
      }
      .pcard2{
        font-size: medium;
        margin-left: 115px;
      }
      .pcard3{
        font-size: medium;
        margin-left: 160px;
      }
      .pcard4{
        font-size: medium;
        margin-left: 105px;
      }
      .imgsection1{
        width: 50%;
      }
      .pezshkan-img{
        width: 50%;
      }
      .hotel-eqamttext{
        width: 60%;
      }
      .see-hotel{
        font-size: 8pt;
     
      margin-right: 0rem;
   
      padding-top: 0rem;
      text-align: right;
      }
      #galerytur figure.snip1212 h2, #galerytur figure.snip1212 p{
        font-size: 5pt !important;
        padding: 25px 0 ;
      }
      #galerytur figure.snip1212{
        margin: 2px;
      }
      .mrturism01 {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .galry-txt1{
      width: 35%;
    }
    #turism03id .figure.snip1212 h2, figure.snip1212 p{
      padding: 0 5px !important;
    }
    #turism03id figure.snip1212 h2, figure.snip1212 p{
      padding: 3px 5px !important;
    }
    #turism03id .imgtt{
      padding: 1rem 0 !important;
    }
    .p-imgp{
      font-size: 6pt !important;
      line-height: 1rem !important;
    }
    .psalamt{
      font-size: 10pt;
      line-height: 20pt;
    }
    .pturism01{
      line-height: 1.5rem;
      font-size: 8pt;
    }
    .photel {
      font-size: 9pt;
    }
    .p5{
      font-size: 8pt;
      line-height: 20pt;
    }
    .img-jarahitext{
      width: 35%;
    }
    .bastary-img{
      width: 40%;
    }
    .text-num3{
      text-align: left;
      margin-top: 1rem;
      margin-bottom: 1rem;
      }
      .text-khabr {
        width: 15%;
        margin: 0;
    }
    .imgwblog {
      width: 20%;
      margin-right: 1rem;
  }
  #sec_news .row{
    padding: 0px 0rem;
 }
 .mr-nn{
   margin: 0 !important;
 }
 .titr-khabr{
   font-size: 12pt;
 }
 #sldercenter .swiper-slide:nth-child(2n){
   width: 100% !important;
 }
 #sldercenter .swiper-slide{
   width: 100% !important;
 }
 .mr-imgtitl{margin-top: 1rem;}
 .jazbe-ml{
  margin-left: 0rem;
}
.ehsastit{font-size: 20px !important;}
.myloction-p{
  padding: 1rem;
  font-size: 2rem;
}
.myclose-p{
  padding: 1.2rem;
}
.myclose-p i{
  padding: 9px;
  font-size: 10pt;
  width: 30px;
  height: 30px;
}
.myclose-p i:hover{
  padding: 10px;
  font-size: 12pt;
  width: 35px;
  height: 35px;
}
.divheart {
  margin-top: 2rem;
}
.mrj-maql{margin-top: 4rem;}
.bgehsas{
  margin-top: 0rem !important;
}
.bbnren {
  width: 60%;
}
.bbnrenbb{
  width: 60%;
}
  }
 

/* 
=======================================
==============   480px  ==============
=======================================
*/
  @media only screen and (max-width: 480px) {
    .pddmr1{
      margin: 0;
    }
   /* #myicon{
    margin-right: 18rem;
    display: none;
      margin-top: 11rem;
   } */
   .leftfootre{
    margin-left: 4rem;
   }
   .mrturism {
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-right: 0rem;
}
.num2t {
  margin: 0rem 1rem 0 0rem;
}
      
  }

  /* 
=======================================
==============   465px  ==============
=======================================
*/
@media only screen and (max-width: 465px) {
  .pddmr1{
    margin: 0;
  }
 /* #myicon{
  margin-right: 20rem;
  display: none;
    margin-top: 11rem;
 } */
 .leftfootre{
  margin-left: 2rem;
 }

 
 
    
}

  /* 
=======================================
==============   425px  ==============
=======================================
*/

@media only screen and (max-width: 425px) {
  .pddmr1{
    margin: 0.5rem;
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
 /* #myicon{
  margin-right: 19rem;
    
    display: none;
    margin-top: 10rem;
  
 } */
 .leftfootre{
  margin-left: 2rem;
 }
 .img-withkh 
{
  width: 40%;

}
.mySwiper03 .card img{
  height: 11.3rem;
}
    
}
  /* 
=======================================
==============   415px  ==============
=======================================
*/
  @media only screen and (max-width: 415px) {
    
    .cardabut1{
     
      line-height: 1rem;
      font-size: 0.7rem;
    }
    .pcard1{
      font-size: medium;
      margin-left: 90px;
      }
      .pcard2{
        font-size: medium;
        margin-left: 85px;
      }
      .pcard3{
        font-size: medium;
        margin-left: 130px;
      }
      .pcard4{
        font-size: medium;
        margin-left: 75px;
      }
      .tp-kbimg{
        width: 800px !important;
          }
          .imgtext-khadamat{
            margin-left: 0rem;
            width: 65%;
            margin-top: 1rem;
            margin-bottom: 1rem;
          }
          .imgsection{
            width: 55%;
          }
          .imgsection1{
          width: 75%;
          }
          .pezshkan-img{
            width: 70%;
          }
          .imgsectiontur{
            width: 90%;
          }
          .footdiv1 {
            
            font-size: 10pt;
        }
        /* #myicon {
          margin-right: 19rem;
          display: inline-flex;
          display: none;
          margin-top: 9rem;
      } */
      .imgtiterall {
        width: 70%;
      }
      .with-enph{
        width: 35%;
      }
      
      .width-enbl{
        width: 25%;
      }
      
      .width-enab{
        width: 70%;
        margin-top: 0 !important;
      }
      .width-enser{
        width: 40% !important;
        }
        .bbnren {
          width: 70%;
      }
      .bbnrenbb{
        width: 70%;
      }
      
  }

   /* 
=======================================
==============   412px  ==============
=======================================
*/
  @media only screen and (max-width: 412px) {
    
    .cardabut{
      line-height: 1rem;
  font-size: 0.7rem;

    }
    .cardabut1{
      line-height: 0.9rem;
      font-size: 0.6rem;

    }
    .paragraph_txt{
      text-align: justify;
    
      padding: 2rem 1rem 0;
    }
    /* #myicon{
      display: none;
        margin-top: 9rem;
      
     } */
      
  }
    
    /* 
=======================================
==============   376px  ==============
=======================================
*/
@media only screen and (max-width: 376px) {
  .pcard1{
    font-size: medium;
    margin-left: 65px;
    }
    .pcard2{
      font-size: medium;
      margin-left: 60px;
    }
    .pcard3{
      font-size: medium;
      margin-left: 105px;
    }
    .pcard4{
      font-size: medium;
      margin-left: 50px;
    }
    .pddmr1{
    
    
      padding: 0px;
    
    }
    /* #myicon {
      display: none;
      margin-top: 10rem;
  } */
   .footet-text{
     font-size: 10pt;
   }
   .mySwiper03 .card img{
    height: 10rem;
  }
} 

  /* 
=======================================
==============   365px  ==============
=======================================
*/
 
@media only screen and (max-width: 365px) {
  .pddmr1{
    margin: 0.35rem;
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
    font-size: 8pt;
  }
 /* #myicon{
  margin-right: 17rem;
  display: none;
  margin-top: 10rem;
  
 } */
 .leftfootre{
  margin-left: 2rem;
 }
 
    
}
  /* 
=======================================
==============   361px  ==============
=======================================
*/
@media only screen and (max-width: 361px) {
    .cardabut{
      line-height: 1.2rem;
      font-size: 0.8rem;
    }
    .cardabut1{
  
      line-height: 1rem;
      font-size: 0.7rem;
    }
    .pcard1{
      font-size: medium;
      margin-left: 60px;
      }
      .pcard2{
        font-size: medium;
        margin-left: 60px;
      }
      .pcard3{
        font-size: medium;
        margin-left: 100px;
      }
      .pcard4{
        font-size: medium;
        margin-left: 45px;
      }
     

      .imgtext-khadamat{
        margin-left: 0rem;
        width: 80%;
        margin-top: 1rem;
        margin-bottom: 1rem;
      }
      .imgsection{
        width: 70%;
      }
      .imgsection1{
      width: 100%;
      }
      .pezshkan-img{
        width: 80%;
      }
      .imgsectiontur{
        width: 100%;
      }

      .paragraph_txt{
        text-align: justify;
      
        padding: 2rem 1rem 0;
      }
      .azmayesh-pt {
        margin-top: 1rem;
        width: 35%;
    }
    .p-base{
      font-size: 10pt;
      line-height: 22pt;
    }
      
  }
  
  /* 
=======================================
==============   321px  ==============
=======================================
*/
  @media only screen and (max-width: 321px) {
    .pcard1{
      font-size: medium;
      margin-left: 40px;
      }
      .pcard2{
        font-size: medium;
        margin-left: 40px;
      }
      .pcard3{
        font-size: medium;
        margin-left: 80px;
      }
      .pcard4{
        font-size: medium;
        margin-left: 25px;
      }
      .paragraph_txt{
        text-align: justify;
      
        padding: 2rem 1rem 0;
      }
      /* #myicon {
        margin-right: 15rem;
        
        display: none;
        margin-top: 13rem;
    } */
    .p-base{
      font-size: 8pt;
      line-height: 16pt;
    }
    #sec_news figure.snip1212 h2, figure.snip1212 p {
      padding: 0px 10px;
    }
    .pkhadamat00 {
      line-height: 15pt;
      font-size: 8pt;
     
  }
  .pblog{
    font-size: 8pt;
    line-height: 16pt;
  }
  .input-searchx:focus{
    width: 200PX;
  }
  .btn-searchx:focus ~ .input-searchx{
    width: 200px;
  }
  .search-boxx{
    margin: 1rem;
  }
  #toTop {
    
    width: 40px;
    height: 40px;
    line-height: 40px;
    
}
#toTop:before{
  font-size: 17pt;
}
.footet-text{
  font-size: 8pt;
}
#onlinchat .fab{
  width: 38px !important;
  height: 37px !important;
}
#onlinchat .fab:hover{
  width: 38px !important;
height: 37px !important;
}
#onlinchat .fab > i{
  font-size: 1em !important;
line-height: 38px !important;
}
.bbnren {
  width: 75%;
}
.bbnrenbb{
  width: 75%;
}
.mySwiper03 .card img {
  height: 9rem;
}
  }
  
  
     
  
      
    

      

  
  
  
  
  


  /* 
=======================================
======= min 567px max   767.98px  =======
=======================================
*/

@media (min-width: 576px) and (max-width: 767.98px) {
  #myslid .slide-box img {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
}
  /* 
=======================================
====== min 768px max   991px  ======
=======================================
*/
@media (min-width: 768px) and (max-width: 991.98px) {
  #myslid .slide-box img {
   -ms-flex: 0 0 33.3333%;
   flex: 0 0 33.3333%;
   max-width: 33.3333%;
 }
 }
 
  /* 
=======================================
====== min 992px  ======
=======================================
*/
  
 @media (min-width: 992px)
  {
    #myslid .slide-box img {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  }
  
  
  
  
  
  
  
  
   /* 
=======================================
====== max-height        650px   ======
=======================================
*/
@media screen and (min-height: 992px) {
    
  .sidenav a {
    font-size: 15px;
  }
  .hidden-menu .underb {
  width: 100%;
  }
  .sidenav .pnav{ 
    font-size: 10px ;
  }
}

  
  @media only screen and (max-height: 650px) {
  
  
    .imgbanner-text{
      padding: 0 2rem;
    
    margin-top: 60vh;
    }
    .imgbanner-textbl{
      padding: 0 2rem;
    
      margin-top: 55vh;
    }
    
   
      
  }
  


  @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
    
  }