/*--------------------------------------------------------------
15. Media queries
--------------------------------------------------------------*/
@media only screen and (min-device-width: 1400px) and (max-device-width: 1600px){ 
   

}
@media only screen and (min-width : 1600px) {

}
@media only screen and (max-width: 1600px) {
	.red-bg-div{
	    height: 600px;
	    width: 600px;
	}
	.green-bg-div{
	    height: 500px;
	    width: 800px;
	    border-radius: 200px;
	}
	.home-bg2{
	    height: 600px;
	}
	.leaf-img {
    	max-width: 220px;
	}
}
@media only screen and (max-width: 1400px) {
	.sec-pad {
    	padding: 80px 0px;
	}
	p{
		font-size: 21px;
		line-height: 28px;
	}
	.title{
	    font-size: 50px;
	    line-height: 45px;
	    margin-bottom: 40px;
	}
	.hero-content .title-line{
	    font-size: 21px;
	    line-height: 20px;
	}
	.hero-content .title{
	    font-size: 55px;
	    line-height: 50px;
	}
	.hero-leaf2 {
	    right: 50%;
	    top: 50px;
	}
	.hero-leaf4 {
	    left: 50px;
	    top: 30px;
	}
	.about-leaf1 {
	    left: 50px;
	    top: 50px;
	}
	.about-leaf4 {
	    right: 50px;
	    top: 40%;
	}
	.collection-leaf1 {
	    right: 0px;
	    top: 200px;
	}
	.collection-leaf4 {
	    left: 20px;
	    top: 10%;
	}

}

@media only screen and (max-width: 1200px) {
	p, .nav-link, ul.links li, .users-text{
		font-size: 18px;
		line-height: 26px;
	}
	.title{
	    font-size: 43px;
	    line-height: 40px;
	    margin-bottom: 30px;
	}
	.title-line, .hero-content .title-line{
	    font-size: 18px;
	    line-height: 20px;
	}
	.hero-content .title{
	    font-size: 45px;
	    line-height: 45px;
	}
	.red-bg-div{
	    height: 500px;
	    width: 500px;
	}
	.green-bg-div{
	    height: 400px;
	    width: 600px;
	    border-radius: 200px;
	}
	.home-bg2{
	    height: 500px;
	}
	.leaf-img {
    	max-width: 180px;
	}
}
@media only screen and (max-width: 991px) {
 	.sec-pad {
    	padding: 60px 0px;
	}
	.header {
    	padding: 0px 0px;
	}
	.logo {
	    max-width: 100px;
	}
	ul.links li {
    	padding: 0px 30px;
    }
    .footer ul {
    	padding: 10px 0px;
	}
	ul.socials li{
    	padding: 0px 15px;
    }
	.sticky-bar{
		position: relative;
		top: 0px;
	}
	.navbar-collapse{
		position: absolute;
	    top: 100px;
	    left: 0px;
	    right: 0px;
	    width: 100%;
	    background-color: #000;
	    border-radius: 5px;
	    z-index: 99;
	}
	.navbar-nav{
		padding: 15px;
	}
    .navbar-expand-lg .navbar-nav .nav-link {
	    margin-right: 20px;
	    margin-left: 20px;
	}
	.about-leaf6 {
	    left: -70px;
	    bottom: 30%;
	}
	.about-leaf5 {
	    right: -25px;
	    bottom: 20%;
	}
	.about-leaf1 {
	    left: 0px;
	    top: 50px;
	}
	.about-leaf4 {
	    right: 0px;
	    top: 40%;
	}
	.hero-leaf5 {
	    left: -45px;
	    bottom: 25%;
	}
	.hero-leaf4 {
	    left: 10px;
	    top: 30%;
	}
	.hero-leaf1 {
	    right: -40px;
	    top: 10%;
	}
	.hero-leaf2 {
	    right: 60%;
	    top: 0px;
	}
}
@media only screen and (max-width: 768px) {
 	

}
@media (min-width: 992px){

}

@media only screen and (max-width: 767px) {
	.title{
	    font-size: 35px;
	    line-height: 35px;
	}
	.hero-content .title{
	    font-size: 40px;
	    line-height: 40px;
	}
	.leaf-img {
    	max-width: 140px;
	}
}
@media only screen and (max-width: 640px) {
  

}
    

@media only screen and (max-width: 575px) {
	.sec-pad {
    	padding: 40px 0px;
	}
	.title-line, .hero-content .title-line, .users-text {
	    font-size: 16px;
	    line-height: 20px;
	}
	.users-count {
	    font-size: 21px;
	    line-height: 21px;
	}
	.user-imgs {
    	margin-right: 10px;
	}
	.theme-btn {
	    font-size: 16px;
	    line-height: 18px;
	    padding: 16px 32px;
    }
    .hero-content .title {
	    font-size: 35px;
	    line-height: 35px;
	}
    .title {
	    font-size: 30px;
	    line-height: 30px;
	    margin-bottom: 30px;
	}
	ul.links li {
    	padding: 0px 15px;
    }
}
@media (min-width: 576px){

}

@media only screen and (max-width: 480px) {
  
}
@media only screen and (max-width: 400px) {

}
@media screen and (max-width: 375px){

}
@media screen and (max-width: 321px){

}