@media only screen and (min-width: 360px) and (max-width: 420px)
{
    #section1 .container
    {
        padding: 50px 10px;
        
    }
    .btnMenu.click{
        left: 360px;
      }

      .sidebar{
        width: 350px;
        left: -370px;
      }
    #section1 a
{
    font-size: 15px; 
    font-weight: 600;
    padding:10px 15px;
    margin-bottom: 20px;
}
    #section1 h1
    {
        font-size: 40px;
        color:white;
        text-shadow: 1px 1px 2px black;
    }
    #section1 .col-lg-7
    {
        order:2;
        padding-top:20px;
    }
    #row2
    {
        display: none;
    }
    #row3
    {
        display: block;
    }
    #row1 img, #row3 img
    {
        padding-bottom:20px;
    }
    #section2 .box{
        margin-bottom: 20px;
    }

    .panel:nth-of-type(4),.panel:nth-of-type(5)
    {
        display: none;
    }
    #section2 form button
    {
        width:70%;
    }
    .boxRelated{
        margin-bottom: 20px;
    }
    #section2 .box
    {
        width:90%;
        align-items: center;
        margin:10px;
    }
    #get br
    {
        display: none;
    }
    .box1{
        margin-top:20px;
    }
    .card
    {
        margin:0px 10px;
    }
    .col-lg-6.box
    {
        margin:0px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 360px)
{
    #section1 .container
    {
        padding: 100px 10px 50px;
    }
    .btnMenu.click{
        left: 260px;
      }

      .sidebar{
        width: 250px;
        left: -270px;
      }
    #btn a
    {
        font-size: 20px;
        display: block;
        text-align: center;
        margin-top:10px;
    }
    .col-lg-8 p
    {
        padding:20px 5px;
    }
    .col-lg-6
    {
        padding-bottom: 20px;
    }
    #advacncedExcel #section1
    {
        padding:0px;

    }
    #section1 h1
    {
        font-size: 40px;
        
    }
    /* section2 */
    #section2
    {
        padding:0px;
    }

    #section2 h2
    {
        padding-top:20px;
    }
    #section2 p
    {
        margin-bottom: 0px;
    }
    #section2 .box
    {
        margin-top: 20px;
    }

    #section2 form button
    {
        width:70%;
    }
    #section2 .boxRelated
    {
        margin-bottom:20px;
    }
    .panel:nth-of-type(4),.panel:nth-of-type(5)
    {
        display: none;
    }
    .panel
    {
        height:250px;
        margin:5px;
    }
    #crousal
    {
        height:250px;
    }
    #row1 img ,#row3 img
    {
       margin-bottom:20px;
       
    }
    #row2
    {
        display: none;
    }
    #row3 
    {
        display: block;
    }
   #section2 .box
   {
       width:94%;
   }
   .box1 
   {
       margin-top:20px;
   }
   .card
    {
        margin:0px 10px;
    }
}

@media only screen and (min-width:420px) and (max-width:769px)
{
    #row2
    {
        display: none ;
    }
    #section1 .container{
        padding:10px 20px;
    }
    #section1 a
    {
        font-size: 18px;
    }
    #row3
    {
        display: block;
    }
    #section1 h1
    {
        font-size: 40px;
        text-shadow: 1px 1px 1px black;
    }
    #row1 img, #row3 img
    {
        padding-bottom:20px;
    }
    .box, .box1{
        margin: 20px 0px;
    }
    .boxRelated{
    margin-bottom : 20px;
    }
    #get br
    {
        display: none;
    }
    .card
    {
        margin:0px 10px;
    }
}

@media only screen and (min-width:770px) and (max-width:1200px)
{
    #section1 h1
    {
        font-size: 60px;
    } 
}