/* For Desktop View */
@media screen and (min-width: 1024px) {


  .raigetcontect img
  {
    width: 70px !important;
  }

  .centercontect i
  {
    font-size: 20px;
  }
  .centercontect span
  {
    font-size: 16px;
  }
.icons and
{
  font-size: 15px;
  padding: 15px;
}

.uk-container
{
  padding: 0px !important;
}
.imghedar
{
    height: 85vh;
}

.imghedar
{
    height: 90vh;
}



}
 


/* For Desktop View */
@media screen and (max-width: 1023px) {


  .raigetcontect img
  {
    width: 70px !important;
  }

  .centercontect i
  {
    font-size: 15px;
  }
  .centercontect span
  {
    font-size: 14px;
    margin: 0px !important;
  }
.icons and
{
  font-size: 14px;
  padding: 10px;
}

.toptext .col-md-4
{
 margin: 20px 0px;
}
.uk-navbar-nav2
{
  display: block;
}
.uk-navbar-navnone
{
  display: none;
}
.toptext
{
display: none;

}
.toptext
{
 
    padding: 5px 0px;
}


.logo
{
  padding: 20px 0px;
}

.fa-bars
{

    display: block;
}
.toptextblok
{
    display: block;
}
.uk-navbar-nav2
{
 display: none ;
background-color: #1eb2a6;

}

.imghedar
{
    height: 90vh !important;
}

.ifrieemtext
{
   padding: 30px 0px !important;
}

}
 


@media screen and (min-device-width: 820px)
and (max-device-width: 1600px)
{
  .imghedar
  {
      height: 98vh !important;
  }


  .anoan-end div
  {
   margin: 20px 0px;
   font-size: 15px;
   color: #fff;
  }

  .anoan-end  i
  {
   margin: 0px 10px;
   color: #fff;
   font-size: 20px;
  }


  .anoan-end  h6
  {
    color: #fff;
    font-size: 15px;
    margin-bottom: 30px;
    font-weight: bold;
  }

.form text label
{
  color: #fff;
  font-size: 17px;
  margin-bottom: 10px;
  font-weight: bold;
}

.formtext .btn-primary
{
border: solid 1px #fff !important;
}


.icones-endes
{
 padding: 30px 0px;
}

.coperaigt a
{
color: #000;
}

.endes-icons and
{
margin: 10px 0px;
}

.icones-endes i
{
  margin: 20px 0px !important;
}


}

@media screen and (min-device-width: 678px)
and (max-device-width: 1024px)
{
  .icones-endes i
  {
    margin: 20px 0px !important;
  }

  .anoan-end div
  {
   margin: 20px 0px;
   font-size: 18px !important;
   color: #fff;
  }

  .anoan-end  i
  {
   margin: 0px 10px;
   color: #fff;
   font-size: 18px !important;
  
  }
  .anoan-end  h6 , .formtext label
  {
    font-size: 18px !important;
  }

}





/* For Tablet View */
@media screen and (min-device-width: 768px)
and (max-device-width: 1024px) {


  .raigetcontect img
  {
    width: 70px !important;
  }

  .centercontect i
  {
    font-size: 20px !important;
  }
  .centercontect span
  {
    font-size: 16px !important;
  }
.icons and
{
  font-size: 10px !important;
  padding: 5px !important;
}


.anoan-end div
{
 margin: 20px 0px;
 font-size: 15px;
 color: #fff;
}

.anoan-end  i
{
 margin: 0px 10px;
 color: #fff;
 font-size: 20px;
}


.anoan-end  h6
{
  color: #fff;
  font-size: 18px;
  margin-bottom: 30px;
  font-weight: bold;
}

.form text label
{
color: #fff;
font-size: 17px;
margin-bottom: 10px;
font-weight: bold;
}

.formtext .btn-primary
{
border: solid 1px #fff !important;
}


.icones-endes
{
padding: 30px 0px;
}

.coperaigt a
{
color: #000;
}

.endes-icons and
{
margin: 10px 0px;
}







}
 
/* For Mobile Portrait View */
@media screen and (max-device-width: 480px)
and (orientation: portrait) {

  
}
 
/* For Mobile Landscape View */
@media screen and (max-device-width: 640px)
and (orientation: landscape) {
.postes
{
  margin-top: 40px;
}

}
 
/* For Mobile Phones Portrait or Landscape View */
@media screen and (max-device-width: 640px) {
  

.toptext
{
  padding: 0px !important;
}
  
 .uk-container {
    display: flow-root;
    box-sizing: content-box;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.texthder .px-5{
  padding-right: 0px !important;
  padding-left:  0px !important;
}

}
 
/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {



  .raigetcontect img
  {
    width: 100px !important;
  }

  .centercontect i
  {
    font-size: 16px !important;
  }
  .centercontect span
  {
    font-size: 16px !important;
    margin: 0px !important;
  }
.icons and
{
  font-size: 17px !important;
  padding: 10px !important;
}

.toptext .col-md-4
{
 margin: 20px 0px;
}

.imghedar
{
    height: 85vh;
}



.toptext
{
 
    padding: 5px 0px;
}

.secshontext h1
{
font-size: 20px;
font-family: 'El Messiri', sans-serif;
color: #000;
margin-top: 10px;
margin-right: 10px;
}
.uk-panel h5
{
  font-size: 20px;
  margin-bottom: 10px;
}


.logo p
{
  width: 0px !important;
}

.postes
{
  margin-top: 40px;
}
.zactev
{
  font-size: 16px !important;
}

}
 
/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px) and (device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
  .postes
  {
    margin-top: 40px;
  }

}
 
/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-device-height: 667px) and (min-device-width: 375px)
and (-webkit-min-device-pixel-ratio: 3) {
  .postes
  {
    margin-top: 40px;
  }

  .imghedar
{
    height: 70vh;
}

}


@media (min-height: 280px) and (max-width: 653px)
 {
  .icones-endes i
  {
   margin: 0px 0px !important;
   color: #fff;
   font-size: 25px !important;
  
  }

}