/* special media for buttons */
@media (max-width: 350px) { 
	.btn-1{padding: 10px 18px;}
    .btn-2{padding: 10px 18px;}
    .btn-3{padding: 9px 17px;} 
}

@media (max-width: 400px) { 
	.welcome-page .float-right,
	.welcome-page .float-left{text-align: center !important; float: none !important; display: block;}
}


/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 
	#log-in input{width: 100%;}

	.price-area .price-table h2 {
		border-bottom: 2px solid #E5E5E5;
		padding: 0px 10px;
		color: #1A1A1A;
		font-weight: normal;
		font-size: 14px;
		height: 58px;    
		line-height: 14px;
	}
	.price-area .price-table h4 {
		border-bottom: 2px solid #E5E5E5;
		color: #1A1A1A;
		font-weight: normal;
		font-size: 14px;
		height: 58px;
		text-align: left;
		line-height: 14px;
	}

	.price-area .price-table h3 {
		border-bottom: 2px solid #E5E5E5;
		padding: 5px 6px 20px 6px;
		font-size: 18px;
	}
}

/* Medium devices (tablets, 768px and up)  */
@media (max-width: 767px) {
	.seal-bg p{
		font-size: 20px;
	}
	.seal-bg img{
		top: -132px;
		width: 43%;
		margin-left: 14%;
	}

	.seal-bg{
		height: auto;
		padding-top: 60px;
		padding-bottom: 20px;
		border-radius: 20px;
	}
	.btn-3 {
		padding: 7px 15px;
		background-color: #693CC9;
		color: #fff;
		border: 1px solid #693CC9;
		font-size: 16px;
	}
	
	.container{
		width: 90%;
	}
	.welcome-text-minus{
		margin-right: 0px;
		margin-bottom: -80px;
	}
	.social-icon{
		margin-right: 25%;
	}
	.footer-area {
		text-align: center;
	}
	
	.shape-1,
	.shape-2,
	.shape-4{display: none;}
	
	.big-padding{padding: 200px 0 160px 0;}
	
	.image-back-left{position: relative; top: 0; height: 400px; width: 100%; border-radius: 0 !important;}
	
	h1{font-size: 40px; line-height: 40px;}
	h2{font-size: 33px; line-height: 33px;}
	h3{font-size: 25px; line-height: 26px;}
	h4{font-size: 22px; line-height: 24px;}
	h5{font-size: 18px; line-height: 20px;}
	h6{font-size: 16px; line-height: 18px;}
	
	.navbar-nav{padding: 5px}

    .navbar .navbar-nav .nav-link.sign-up{margin-bottom: 10px; color: #333; display: inline-block;}
	
	.welcome-area .welcome-text p,
	.welcome-page .welcome-text p,
	.welcome-slider .item  p{margin: 0 10% 0 0;}
	
	.welcome-agency .welcome-text h1,
	.welcome-agency .welcome-text p{margin: 0 10% 20px 10%;}
	
	.testimonials .single-review p{margin: 0 10%;}
	
	.testimonials-2{text-align: center;}
	
	.testimonials-2 .row.p-50px{padding: 20px}
	.testimonials-2 .owl-carousel{padding-left: 0px; padding-right: 0px;}
	
	.how-work .col-md-4.p-relative:after,
	.how-work-3 .how-box.p-relative:after{content: none;}
	
	.get-started form button{
		position: relative;
		right: 0;
		top: 0;
		cursor: pointer;
	}

	.footer-menu ul {
		flex-direction: column;
	}

}

/* Large devices (desktops, 992px and up)  */
@media (max-width: 991px) {
	.mob-active{
		display: block;
		text-align: center;
	}
	.destop-active{
		display: none;
	}
	
	.navbar{text-align: left; }
	
	.navbar .container{padding: 20px 0;}
	
	.navbar-colored .container{padding: 10px 0;}
	
	.navbar-collapse{background-color: #fff; margin-top: 10px; max-height: 440px; overflow-y: scroll;}
	
	.navbar .navbar-nav .nav-item{padding: 0px 20px; display: block;}
	
	.navbar .navbar-nav .nav-link{color: #333; padding: 15px; display: inline-block;}
	
	.navbar .navbar-nav .nav-item.dropdown:hover .dropdown-toggle{color: inherit}
	
	.navbar .navbar-nav .nav-item.dropdown .dropdown-toggle:hover{color: #ff7762;}
	
	.navbar .nav-item.dropdown .dropdown-menu{
		padding: 0;
        box-shadow: none;
        -webkit-transition: max-height 0.5s, opacity 0.2s 0.1s;
           -moz-transition: max-height 0.5s, opacity 0.2s 0.1s;
        	-ms-transition: max-height 0.3s, opacity 0.2s 0.1s;
        	 -o-transition: max-height 0.5s, opacity 0.2s 0.1s;
        		transition: max-height 0.5s, opacity 0.2s 0.1s;
        max-height: 0;
        display: block;
        overflow: hidden;
        opacity: 0;
    }
     .navbar .nav-item.dropdown .dropdown-menu.show{
        max-height: 230px;
        overflow-y: scroll;
        display: block;
        opacity: 1;
    }
	
	
	
	.navbar .navbar-nav .nav-item.log-in{margin-bottom: 10px; padding: 0 20px;}
	
	.navbar .navbar-nav .nav-item.log-in a{display: block; margin-bottom: 10px; text-align: center;}
}

/* Extra large devices (large desktops, 1200px and up)  */
@media (max-width: 1200px) { 
}