/* ---------------------- start slider images ------------------------------ */

@media(max-width:767px){
    .section-slides-images{
        margin: 60px 0  0; 

    } 
    .section-slides-images .slides-images img{
height: 200px;
}
    }
/* ------------------- end slider images-------------------- */
/* --------------------- start about us --------------------- */
@media(max-width:1200px){
    .section-about-us .container-about-us{
        display: inline-block;
        margin-right: 3%;
    }

    .section-about-us .container-about-us .right-about-us ul li{
      text-align: center;
  
    }
    .section-about-us .container-about-us .right-about-us ul{
        padding-left: 3%;
    }
    .section-about-us .container-about-us .left-about-us .technical-support .nav-technical-support ul{
        text-align: center;
        padding-left: 3%;
    }
}
@media(max-width:767px){
.section-about-us .container-about-us .right-about-us ul li{
text-align: right;
}
.section-about-us .container-about-us .left-about-us .technical-support .nav-technical-support ul{
        display: inline-block;
        width: 100%;
        text-align: right;
    }
.section-about-us .container-about-us .left-about-us .technical-support .nav-technical-support ul li{
        margin-bottom: 1px;
    }

.section-about-us .container-about-us .left-about-us .type-font-li{
padding-right: 3%;
    }
  
}

/* --------------------- end about us ----------------------- */

/*------------ start services ------------------ */
@media(min-width:992px){
    .services .all-services-adsl .required-papers .div-papers ul,
    .services .all-services-adsl .subscription .div-papers ul,
    .services .main-services .payment-method .payment-method-banks ul{
 margin-right: 2%;
    } 
}
@media(max-width:1200px){
.services .main-services{
display: block; 
padding-right: 2%;
   }
.services .main-services .right .right-ul li{
font-size: 20px;
text-align: right;

   }
.services .main-services .left .nav-left .ul{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1px;
text-align: center;
   }    

.services .all-services-adsl .required-papers .div-papers ul,
.services .all-services-adsl .subscription .div-papers ul{
margin-right: 5%;
   }
.services .main-services .payment-method .payment-method-banks .ul-payment-method li{
   margin-right: 5%;
}
.services .main-services .left-e-lcom-tv .nav-elcom-tv .ul-nav{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    text-align: center;
    
 }  
    }
@media(max-width:667px){
        .services .main-services .left .nav-left .ul{
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1px;
            text-align: center;
               }
        .services .main-services .left .all-services-adsl{
            margin-left: 2%;
        }
        .services .main-services .left-e-lcom-tv  .content-elcom-tv{
            margin-left: 5%;
         }    
         .div-main-our-services ul li{
            margin-right: 2%;
        }
        .general-information ul li{
            margin-right: 2%;
        }
        .notice-subscription-prices ul li{
            margin-right: 2%;

        }

        .content-subscription ul li{
            margin-right: 2%;

        }
    }
@media(max-width:520px){

.services .main-services .right-ul{
padding-left: 5%;
}
.services .main-services .right-ul span{
 text-align: right;
}
.services .main-services .left .nav-left .ul{
display: grid;
grid-template-columns: 1fr;
gap: 1px;
text-align: right;
    }
.services .main-services .left .nav-left ul{
     padding-left: 5%;
            }
.services .main-services .left-e-lcom-tv .nav-elcom-tv .ul-nav{
        display: grid;
        grid-template-columns: 1fr;
        gap: 1px;
        padding-left: 5%;
        text-align: right;
        
        }  
.services .main-services .left-e-lcom-tv  .content-elcom-tv{
    margin-left: 2%;
    }   

.services .main-services .left-leased-circuits .nav-leased-circuits ul{
    display: inline-block;
    width: 100%;
    text-align: right;
    padding-left: 5%;
}         
.services .main-services .left-leased-circuits .nav-leased-circuits ul li{
margin-bottom: 1px;
}
.services .main-services .left-leased-circuits .left-leased-circuits-what{
padding-left: 2%;
}
.services .main-services .type-font-li{
            padding-right: 3%;         
}

.services .main-services .left-hosting-services .nav-hosting-services .ul-nav{
    display: inline-block;
    width: 100%;
    text-align: right;
    padding-left: 5%;
}         

.services .main-services .left-hosting-services .nav-hosting-services .ul-nav li{
margin-bottom: 1px;
}
.services .main-services .left-hosting-services .content-hosting-services{
padding-left: 2%;
}
.services .main-services .type-font-li{
  padding-right: 3%;
}
  }
 /*------------ end services ------------------ */   
/* -------------------------- start section-questions-answers --------------------- */
@media(max-width:767px){
  
    .type-font-h4-questions-answers{
        font-size: 18px;
    }
    .type-font-li-questions-answers{
        font-size: 16px;
    }
    .type-font-p-questions-answers{
        font-size: 14px;
    }
   
}
/* -------------------------- end section-questions-answers ----------------------- */




/*-------------------- start contact us ------------------------------*/
@media(max-width:767px){
 
    .section-contact-us .content-contact-us .company-information{
        display: inline-block;
        width: 100%;
    }
    .section-contact-us .content-contact-us .company-information .company-contact{
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 1px;
        text-align: center;
    }

}
@media(max-width:430px){
    .section-contact-us .content-contact-us .company-information{
        display: inline-block;
        width: 100%;
    
        text-align: center;
    }
    .section-contact-us .content-contact-us .company-information .company-contact{
     display: inline-block;
        text-align: center;
    }
    .section-contact-us .content-contact-us .container .form{
        display: inline-block;
        width: 100%;
    }
    .section-contact-us .content-contact-us form .left-contat-us{
        width: 90%;
    }

}
/*--------------------- end contact us ------------------------------*/


    /* -------------------- start section-information ----------------- */
    @media(max-width:992px){
        .section-information .information{
            margin: 0 1%;
          
        }
        .type-font-h4-color-white{
            font-size: 14px; 
        }
        .section-information .information p,
        .section-information .information a{
           font-size: 12px;
        }
        .section-information .information i{
          font-size: 12px;
       }

       .section-footer .footer .container .social-icons li i{
        width: 40px;
        font-size: 20px;
        }
        .section-footer .footer .container .copyright{
            font-size: 14px;
               }
        }
    
@media(max-width:767px){
      .section-information{
        height: 320px;
      }
      .section-information .information{
        margin: 0 2%;
        display: grid;
        grid-template-columns: 1.5fr 0.5fr;
        gap: 5xp;
        width: 100%;
       }
           
       .section-footer .footer .container .social-icons li i{
        font-size: 18px;
        }
        .section-footer .footer .container .copyright{
            font-size: 12px;
               }
      }
    
@media(max-width:430px){
           
        .section-information{
            height: 550px;
                    }
        .section-information .information{
            margin: 0 2%;
            display: inline-block;
            text-align: center;
                    }
          
        .section-information .information ul li p
        {
            text-align: center; 
        }

        .section-information .information h4{
            margin-right: 40%;  
            color: green;                  
                   }
            }    
 @media(max-width:320px){
        .section-information{
            height: 550px;
        }
        .type-font-h4-color-white{
            font-size: 14px; 
        }
        .section-information .information p,
        .section-information .information a{
            font-size: 10px;
        }
        .section-information .information i{
            font-size: 12px;
        }

        .section-information .information h4{
            margin-right: 30%;  
                          
                    }
        .section-footer .footer .container .social-icons li i{
            width: 20px;
            font-size: 14px;
            }
        .section-footer .footer .container .copyright{
            font-size: 8px;
                }
            }
            
            
 @media(max-width:200px){
   
      .type-font-h4-color-white{
         font-size: 12px; 
     }
     .section-information .information p
     .section-information .information a,
     .section-information .information span{
        font-size: 8px;
      }
      .section-information .information i{
        font-size: 8px;
       }

    .section-information .information h4{
        margin-right: 20%;  
                        
                }
    }

    @media(max-width:160px){
        .section-information{
            height: 620px;
                    }
        .section-footer .footer .container .social-icons li i{
            width: 10px;
            font-size: 12px;
            }
        .section-footer .footer .container .copyright{
            font-size: 6px;
                }
}
    @media(max-width:112px){
        .section-information{
            height: 800px;
                    }
    }
    /* -------------------- end section-information ----------------- */
/*------------------- popup #modal-my-account*/

@media(max-width:900px){
    .modal .modal-content{
        overflow-y: auto; 
        width: 100%;
    }
    #modal-my-account .modal-footer p,
    #modal-my-account .modal-footer a,
    #btn-id-down-my-account{
        font-size: 15px;
        padding: 5px 20px;
    }
 

}