@media (max-width: 650px) {          /*---------------MOBILEs-----------------*/



.navbar{
    padding: 1rem 2rem 1rem 2rem;
}


.navbar .nav-logo{
    width: 8rem;
}


.navbar ul{
    margin-top: 1rem;
}

#signin-btn{
    font-size: 14px;
    min-width: 7vw;
    padding: 0.8rem 2rem;
}

#Banner{
    padding: 8rem 2rem 6rem 2rem;
    margin-top: -7rem;
}


#Banner h1{

    font-size: 2rem;
}

#Banner p{
    margin-top: 1rem;
}



#Banner img{
    margin-top: 2rem;
}



#Banner button{
    padding: 0.8vw 1.5vw;
   padding: 0.8rem 2rem;

}



#Works{
    padding: 5rem 2rem 5rem 2rem;
}


#Works h3{
  font-size: 0.9rem;
}

#Works h2{
    font-size: 2rem;
}

#Works p{
    margin-top: 1rem;
}

#Works .second-row{
    margin-top: 2rem;
}



#Works h4{
    font-size: 1.8rem;
    margin-top: 3rem;
}


#Works ul{
    margin-top: 2rem;
}

#Works ul li{
    margin-bottom: 1rem;
    padding-left: 2rem;
}

#Works ul li img{
    width: 1rem;
}




#Features{
   padding: 5rem 2rem 5rem 2rem;
}


#Features h3{
  font-size: 0.9rem;
}

#Features h2{
    font-size: 2rem;
}

#Features p{
    margin-top: 1rem;
}


#Features .col-sm-4{
    margin-top: 2rem;
    margin-bottom: 1rem;
}


#Features .col-sm-4 img{
    margin-bottom: 1.5rem;
}

#Features h4{
    font-size: 1rem;
}






#Timeline{
   padding: 5rem 2rem 5rem 2rem;
}


#Timeline h3{
  font-size: 0.9rem;
}

#Timeline h2{
    font-size: 2rem;
}

#Timeline p{
    margin-top: 1rem;
}

#jtimeline-demo{
    margin-top: 2rem;
}



#Team{
   padding: 5rem 2rem 5rem 2rem;
}


#Team h3{
  font-size: 0.9rem;
}

#Team h2{
    font-size: 2rem;
}

#Team p{
    margin-top: 1rem;
}

#Team h4{
    font-size: 1.2rem;
    margin-top: 1rem;
}

#Team .col-sm-6{
    margin-top: 2rem;
    margin-bottom: 1rem;
}


#Team .team-member{
    width: 6.5rem;
    height: 6.5rem;
}


#Team .social-ico{
    width: 1.2rem;
    margin-right: 1rem;
}




#Token{
   padding: 5rem 2rem 5rem 2rem;
}


#Token h3{
  font-size: 0.9rem;
}

#Token h2{
    font-size: 2rem;
}

#Token p{
    margin-top: 1rem;
}


#Token ul{
    margin-top: 1rem;
}


#Token ul li{
    margin-bottom: 0.8rem;
    padding-left: 1.5rem;
}

#Token ul li div{
    width: 1rem;
    height: 1rem;
}


.mypiechart{
    margin-top: 2rem;
}







#Blog{
   padding: 5rem 2rem 5rem 2rem;
}


#Blog h3{
  font-size: 0.9rem;
}

#Blog h2{
    font-size: 2rem;
}

#Blog p{
    margin-top: 1rem;
}

#blog_slider{
    margin-top: 2rem;
}


#blog_slider .item img{
    width: 100%;
    height: 12rem;
}



#blog_slider .item h4{
    font-size: 1rem;
    margin-top: 1rem;
}


#blog_slider .item a{
    font-size: 0.9rem;
}




#App{
   padding: 5rem 2rem 5rem 2rem;
}


#App h3{
  font-size: 0.9rem;
  margin-top: 1rem;
}

#App h2{
    font-size: 2rem;
}

#App p{
    margin-top: 1rem;
}

#App ul{
    margin-top: 2rem;
}


#App ul li{
    margin-bottom: 1rem;
    padding-left: 2rem;
}


#App ul li img{
    width: 1rem;
}



#App button{
    padding: 0.8rem 1.5rem;
    margin-top: 1rem;
}


#App .app-img{
    position: relative;
    width: 80%;
    margin: 0 auto;
    bottom: 0%;
}



#FAQ{
   padding: 5rem 2rem 5rem 2rem;
}


#FAQ h3{
  font-size: 0.9rem;
  margin-top: 1rem;
}

#FAQ h2{
    font-size: 2rem;
}

#FAQ p{
    margin-top: 1rem;
}

#FAQ .nav{
    margin-top: 2rem;
}


#FAQ h4{
    font-size: 1.4rem;
    color: #FFFFFF;
}

#FAQ #pills-tabContent{
    margin-top: 2rem;
}


#FAQ #pills-tabContent .col-sm-6{
    margin-bottom: 2rem;
} 



footer{
   padding: 3rem 2rem 3rem 2rem;
}


footer .footer-logo{
        width: 6rem;
        margin-bottom: 1rem;
}


footer ul{
    margin-top: 1rem;
}

footer ul li{
    margin-bottom: 0.8rem;
}


footer hr{
    margin-top: 2rem;
}


footer p{
    margin-top: 1rem;
}


footer .links{
    padding-top: 1rem;
}



footer .links a{
    margin-right: 1rem;
}


footer .search input{
        padding: 0.8rem 1rem;
}



footer .search button{
    padding: 0.8rem 1.5rem;
}



footer .social-ico{
    width: 1.2rem;
    margin-right: 1rem;
}


footer .col-6{
    margin-top: 2rem;
}





#Contact{
   padding: 5rem 2rem 5rem 2rem;
}


#Contact h3{
  font-size: 0.9rem;
  margin-top: 1rem;
}

#Contact h2{
    font-size: 2rem;
}

#Contact p{
    margin-top: 1rem;
}


#Contact input,textarea,select{
	 padding: 0.8rem 1rem;
	 margin-bottom:1rem;
}


#Contact button{
    padding: 0.8rem 1.5rem;

}






 }




  @media (max-width: 900px)  /*-----------TABLETS--------------*/
  and (min-width: 700px){
   
  



  }







  @media (max-width: 1300px)  /*-----------13/10 inch laptop--------------*/
  and (min-width: 900px){
   
  
  .navbar{
    padding: 1vw 8vw 1vw 8vw;
}


#Banner{
    padding: 10vw 8vw 8vw 8vw;
}


#Works{
    padding: 6vw 8vw 6vw 8vw;
    }

#Features{
    padding: 6vw 8vw 6vw 8vw;
}


#Team{
    padding: 6vw 8vw 6vw 8vw;
}


#Blog{
    padding: 6vw 8vw 6vw 8vw;
    }

    #App{
    padding: 6vw 8vw 6vw 8vw;
}

footer{
    padding: 6vw 8vw 6vw 8vw;
}

#FAQ{
    padding: 6vw 8vw 6vw 8vw;
    }


#Timeline{
    padding: 6vw 8vw 8vw 8vw;
}


#Token{
    padding: 6vw 8vw 6vw 8vw;
    }
    
#Contact{
	padding: 6vw 8vw 4vw 8vw;

  }      


  }






  @media (max-width: 1930px)  /*-----------20/22/23/24 inch laptop--------------*/
  and (min-width: 1600px){


  .navbar{
    padding: 1vw 18vw 1vw 18vw;
}


#Banner{
    padding: 10vw 18vw 8vw 18vw;
}


#Works{
    padding: 6vw 18vw 6vw 18vw;
    }

#Features{
    padding: 6vw 18vw 6vw 18vw;
}


#Team{
    padding: 6vw 18vw 6vw 18vw;
}


#Blog{
    padding: 6vw 18vw 6vw 18vw;
    }

    #App{
    padding: 6vw 18vw 6vw 18vw;
}


footer{
    padding: 6vw 18vw 6vw 18vw;
}


#FAQ{
    padding: 6vw 18vw 6vw 18vw;
    }


#Timeline{
    padding: 6vw 18vw 8vw 18vw;
}


#Token{
    padding: 6vw 18vw 6vw 18vw;
}

#Contact{
	padding: 6vw 18vw 4vw 18vw;

  }  


  }