@font-face {
 font-family: englishfont;
    src: url('../../fonts/glyphicons-halflings-regular.woff') format('woff');
    font-weight:bold;
}



@font-face {
    font-family: 'farsifont';
    src: url('../../fonts/BRoya.eot') format('embedded-opentype');

    src: url('../../fonts/BRoya.ttf') format('truetype');


    src: url('../../fonts/BRoya.woff') format('woff');
}

@media only screen and (min-width:1200px) {
  /*about*/
  #ca{
      position:relative;
      right:27%;
  }
  #aboutshow{
      display:none;
  }
      #cabout{
        margin-top:20px;
        border:1px solid #d3ba6b;
     
    }
    #pabout{
        font-size:22px;
        word-spacing:2px;
        color:#d3ba6b;
          font-family: 'farsifont';
          text-align:right;
          margin-left:10px;
          margin-right:10px;
    }
    .a{
       direction:rtl;
        list-style-type:square;
        
    }
    .a li{
        text-align:right;
         font-size:22px;
        word-spacing:2px;
        color:#d3ba6b;
          font-family: 'farsifont';
          font-weight:bold;

    }
    /*about*/
  .modal-dialog{

      width:870px;
  }
  .modal-content{
      background:#1b1b1b;
      height:540px;
  }
  .modal-header{
      border-bottom:0;
      height:20px;
  }
  .modal-title{
      color:#d3ba6b;
          font-family: 'farsifont';
          font-size:22px;
  }
  .btnexit{
      background:#d3ba6b;
       color:white;
  }
  .modal-footer{
      border-top:0;
  }
  .divleft{
      float:left;
      position:relative;
      width:50%;
 top:15px;
        
              height:340px;

  }
  .divright{
      float:left;
      position:relative;
      width:47%;
             height:340px;
 top:15px;
 left:3%;

    
  }
  .divleftheader{
         float:left;
      position:relative;
      width:50%;
         
      height:50px;

   top:25px;

     
  }
  .divrightheader{
          float:left;
      position:relative;
      width:47%;
   top:25px;
      height:50px;
       left:3%;
   

  }
  input{
      text-align:right;
  }
  .contentdialog{
      position:relative;
   
      height:137px;
  
  }
  .map{
     width:382px;
     height:330px;
     margin-left:24px;
  }
  .txtname{
      height:33px;
      width:170px;
      margin-left:3%;
      font-family:farsifont;

  }
  .txtfamily{
         height:33px;
      width:170px;
      font-family:farsifont;

  }
  .txtemail{
      font-family:farsifont;
        height:33px;
      width:355px;
  }
  .txtphone{
      font-family:farsifont;
        height:33px;
      width:355px;
  }
  .txtarea{
      font-family:farsifont;
        height:180px;
      width:355px;
  }
  .btnsnd{
        height:29px;
      width:68px;
            background:#d3ba6b;
       color:white;
       margin-top:8px;
     
       float:left;
  }
  .paddress{
      font-family:farsifont;
      font-size:14px;
     margin-right:3%;
     
            color:#d3ba6b;
 word-spacing:8px;
  }
  .pphone{
      float:right;
         font-family:farsifont;
      font-size:14px;
 word-spacing:11px;
     
            color:#d3ba6b;
            margin-right:4%;
  }
  .pfax{
      float:left;
         font-family:farsifont;
      font-size:14px;
     margin-left:4%;
            color:#d3ba6b;
 word-spacing:11px;

  }
  .pmojavez{
      font-family:farsifont;
      font-size:15px;
 word-spacing:5px;

            color:#d3ba6b;
        text-align:right;
  }
}


@media only screen and (min-width: 993px) and (max-width:1201px) {
     #ca{
      position:relative;
      right:27%;
  }
     /*about*/
       #aboutshow{
      display:none;
  }
      #cabout{
        margin-top:20px;
        border:1px solid #d3ba6b;
     
    }
    #pabout{
        font-size:22px;
        word-spacing:2px;
        color:#d3ba6b;
          font-family: 'farsifont';
          text-align:right;
          margin-left:10px;
          margin-right:10px;
    }
    .a{
       direction:rtl;
        list-style-type:square;
        
    }
    .a li{
        text-align:right;
         font-size:22px;
        word-spacing:2px;
        color:#d3ba6b;
          font-family: 'farsifont';
          font-weight:bold;

    }
    /*about*/

     .modal-dialog{

      width:870px;
  }
  .modal-content{
      background:#1b1b1b;
      height:540px;
  }
  .modal-header{
      border-bottom:0;
      height:20px;
  }
  .modal-title{
      color:#d3ba6b;
          font-family: 'farsifont';
          font-size:22px;
  }
  .btnexit{
      background:#d3ba6b;
       color:white;
  }
  .modal-footer{
      border-top:0;
  }
  .divleft{
      float:left;
      position:relative;
      width:50%;
 top:15px;
        
              height:340px;

  }
  .divright{
      float:left;
      position:relative;
      width:47%;
             height:340px;
 top:15px;
 left:3%;

    
  }
  .divleftheader{
         float:left;
      position:relative;
      width:50%;
         
      height:50px;

   top:25px;

     
  }
  .divrightheader{
          float:left;
      position:relative;
      width:47%;
   top:25px;
      height:50px;
       left:3%;
   

  }
  input{
      text-align:right;
  }
  .contentdialog{
      position:relative;
   
      height:137px;
  
  }
  .map{
       width:382px;
     height:330px;
     margin-left:24px;
  }
  .txtname{
      height:33px;
      width:170px;
      margin-left:3%;
      font-family:farsifont;

  }
  .txtfamily{
         height:33px;
      width:170px;
      font-family:farsifont;

  }
  .txtemail{
      font-family:farsifont;
        height:33px;
      width:355px;
  }
  .txtphone{
      font-family:farsifont;
        height:33px;
      width:355px;
  }
  .txtarea{
      font-family:farsifont;
        height:180px;
      width:355px;
  }
  .btnsnd{
        height:29px;
      width:68px;
            background:#d3ba6b;
       color:white;
       margin-top:8px;
     
       float:left;
  }
  .paddress{
      font-family:farsifont;
      font-size:14px;
     margin-right:3%;
     
            color:#d3ba6b;
 word-spacing:8px;
  }
  .pphone{
      float:right;
         font-family:farsifont;
      font-size:14px;
 word-spacing:11px;
     
            color:#d3ba6b;
            margin-right:4%;
  }
  .pfax{
      float:left;
         font-family:farsifont;
      font-size:14px;
     margin-left:4%;
            color:#d3ba6b;
 word-spacing:11px;

  }
  .pmojavez{
      font-family:farsifont;
      font-size:15px;
 word-spacing:5px;

            color:#d3ba6b;
        text-align:right;
  }
}
@media only screen and (min-width: 768px) and (max-width:992px) {
  #ca{
      position:relative;
      right:27%;
  }
     /*about*/
       #aboutshow{
      display:none;
  }
      #cabout{
        margin-top:20px;
        border:1px solid #d3ba6b;
     
    }
    #pabout{
        font-size:18px;
        word-spacing:2px;
        color:#d3ba6b;
          font-family: 'farsifont';
          text-align:right;
          margin-left:10px;
          margin-right:10px;
    }
    .a{
       direction:rtl;
        list-style-type:square;
        
    }
    .a li{
        text-align:right;
         font-size:18px;
        word-spacing:2px;
        color:#d3ba6b;
          font-family: 'farsifont';
          font-weight:bold;

    }
    /*about*/

     .modal-dialog{

      width:720px;
  }
  .modal-content{
      background:#1b1b1b;
      height:540px;
  }
  .modal-header{
      border-bottom:0;
      height:20px;
  }
  .modal-title{
      color:#d3ba6b;
          font-family: 'farsifont';
          font-size:19px;
  }
  .btnexit{
      background:#d3ba6b;
       color:white;
  }
  .modal-footer{
      border-top:0;
  }
  .divleft{
      float:left;
      position:relative;
      width:50%;
 top:15px;
        
              height:340px;

  }
  .divright{
      float:left;
      position:relative;
      width:47%;
             height:340px;
 top:15px;
 left:3%;

    
  }
  .divleftheader{
         float:left;
      position:relative;
      width:50%;
         
      height:50px;

   top:25px;

     
  }
  .divrightheader{
          float:left;
      position:relative;
      width:47%;
   top:25px;
      height:50px;
       left:3%;
   

  }
  input{
      text-align:right;
  }
  
  .map{
       width:310px;
     height:330px;
     margin-left:24px;
  }
  .txtname{
      height:33px;
      width:137px;
      margin-left:3%;
      font-family:farsifont;

  }
  .txtfamily{
         height:33px;
      width:137px;
      font-family:farsifont;

  }
  .txtemail{
      font-family:farsifont;
        height:33px;
      width:287px;
  }
  .txtphone{
      font-family:farsifont;
        height:33px;
         width:287px;

  }
  .txtarea{
      font-family:farsifont;
        height:180px;
           width:287px;

  }
  .btnsnd{
        height:29px;
      width:68px;
            background:#d3ba6b;
       color:white;
       margin-top:8px;
     
       float:left;
  }
  .paddress{
      font-family:farsifont;
      font-size:11px;
     margin-right:3%;
     
            color:#d3ba6b;
 word-spacing:8px;
  }
  .pphone{
      float:right;
         font-family:farsifont;
      font-size:12px;
 word-spacing:11px;
     
            color:#d3ba6b;
            margin-right:4%;
  }
  .pfax{
      float:left;
         font-family:farsifont;
      font-size:12px;
     margin-left:4%;
            color:#d3ba6b;
 word-spacing:11px;

  }
  .pmojavez{
      font-family:farsifont;
      font-size:13px;
 word-spacing:5px;

            color:#d3ba6b;
        text-align:right;
  }
}



@media only screen and (min-width: 480px) and (max-width:768px) {
  #ca{
      position:relative;
      right:24%;
      bottom:50px;
  }
  #ercall{
      font-size:10px;
      position:relative;
      top:10px;
      right:5%;
  }
     .g-recaptcha{
      position:relative;
      top:60px;
      right:155px;
  }
     /*about*/
       #aboutshow{
      display:none;
  }
      #cabout{
        margin-top:20px;
        border:1px solid #d3ba6b;
     
    }
    #pabout{
        font-size:16px;
        word-spacing:2px;
        color:#d3ba6b;
          font-family: 'farsifont';
          text-align:right;
          margin-left:10px;
          margin-right:10px;
    }
    .a{
       direction:rtl;
        list-style-type:square;
        
    }
    .a li{
        text-align:right;
         font-size:16px;
        word-spacing:2px;
        color:#d3ba6b;
          font-family: 'farsifont';
          font-weight:bold;

    }
    /*about*/
    
     .modal-dialog{
       margin:0 auto;
      width:450px;
  }
  .modal-content{
      background:#1b1b1b;
      height:568px;
  }
  .modal-header{
      border-bottom:0;
      height:20px;
  }
  .modal-title{

      color:#d3ba6b;
          font-family: 'farsifont';
          font-size:19px;
  }
  .btnexit{
      background:#d3ba6b;
       color:white;
  }
  .modal-footer{
      border-top:0;
  }
  .divleft{
      float:left;
      position:relative;
      width:50%;
 top:15px;
        
              height:340px;

  }
  .divright{
      float:left;
      position:relative;
      width:47%;
             height:340px;
 top:15px;
 left:3%;

    
  }
  .divleftheader{
         float:left;
      position:relative;
      width:50%;
         
      height:50px;

   top:25px;

     
  }
  .divrightheader{
          float:left;
      position:relative;
      width:47%;
   top:25px;
      height:50px;
       left:3%;
   

  }
  input{
      text-align:right;
  }
  .contentdialog{
      position:relative;
   
      height:137px;
  
  }
  .map{
       width:210px;
     height:330px;
  }
  .txtname{
      height:33px;
      width:92px;
      margin-left:3%;
      font-family:farsifont;

  }
  .txtfamily{
         height:33px;
      width:92px;
      font-family:farsifont;

  }
  .txtemail{
      font-family:farsifont;
        height:33px;
      width:195px;
  }
  .txtphone{
      font-family:farsifont;
        height:33px;
           width:195px;


  }
  .txtarea{
      font-family:farsifont;
        height:180px;
              width:195px;


  }
  .btnsnd{
        height:24px;
      width:44px;
            background:#d3ba6b;
       color:white;
      position:relative;
      bottom:70px;
      left:50px;
     
       float:left;
  }
  .paddress{
      font-family:farsifont;
      font-size:10px;
     margin-right:3%;
     
            color:#d3ba6b;

  }
  .pphone{
      float:right;
         font-family:farsifont;
      font-size:11px;

     
            color:#d3ba6b;
            margin-right:4%;
  }
  .pfax{
      float:left;
         font-family:farsifont;
      font-size:11px;
     margin-left:4%;
            color:#d3ba6b;


  }
  .pmojavez{
      font-family:farsifont;
      font-size:10px;
 word-spacing:5px;

            color:#d3ba6b;
        text-align:right;
  }
}




@media only screen and (min-width:320px) and (max-width: 480px) {
    /*about*/   
    .habout{
  text-align:center;
    position:relative;
   margin:auto;
  font-family: 'farsifont';
    border:4px solid #d3ba6b;
    padding-top:4px;
    padding-bottom:4px;

   width:90%;
   color:#d3ba6b;
   background:#1b1b1b;
  
}
        #cabout{
        margin-top:20px;
        border:1px solid #d3ba6b;
     width:96%;
     position:relative;
     left:2%;
    }
    #pabout{
        font-size:18px;
        word-spacing:2px;
        color:#1b1b1b;
          font-family: 'farsifont';
          text-align:right;
          margin-left:10px;
          margin-right:10px;
          font-weight:bold;
     

    }
    .a{
       direction:rtl;
        list-style-type:square;
        
    }
    .a li{
        text-align:right;
         font-size:18px;
        word-spacing:2px;
        color:#d3ba6b;
          font-family: 'farsifont';
          font-weight:bold;

    }
    /*about*/
  .modal-dialog{

      display:none;
  }

}

@media only screen and (min-width:1px) and (max-width: 320px) {
        /*about*/   
    .habout{
  text-align:center;
    position:relative;
   margin:auto;
  font-family: 'farsifont';
    border:4px solid #d3ba6b;
    padding-top:4px;
    padding-bottom:4px;

   width:90%;
   color:#d3ba6b;
   background:#1b1b1b;
}
        #cabout{
        margin-top:20px;
        border:1px solid #d3ba6b;
     width:96%;
     position:relative;
     left:2%;

    }
    #pabout{
        font-size:18px;
        word-spacing:2px;
        color:#1b1b1b;
          font-family: 'farsifont';
          text-align:right;
          margin-left:10px;
          margin-right:10px;
          font-weight:bold;

    }
    .a{
       direction:rtl;
        list-style-type:square;
        
    }
    .a li{
        text-align:right;
         font-size:18px;
        word-spacing:2px;
        color:#d3ba6b;
          font-family: 'farsifont';
          font-weight:bold;
    }
    /*about*/
  .modal-dialog{

      display:none;
  }
}