#laptop_container {
	background-image: url('../assets/img/laptop.webp');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	padding: 4% 22% 19%;
}

#laptop_container iframe{
	width: 100%;
	height: 390px;
}


@media(max-width:1400px) AND (min-width:1400px){
	#laptop_container {
		padding: 4% 25% 17%;
	}
	#laptop_container iframe{
		height: 360px;
	}
}

@media(max-width:1399px){
	#laptop_container {
		padding: 5% 18% 21%;
	}
}

@media(max-width:1280px){
	#laptop_container {
		padding: 4% 23% 18%;
	}
	#laptop_container iframe{
		height: 320px;
	}
}

@media(max-width:1200px){
	#laptop_container {
		padding: 5% 19% 22%;
	}
	#laptop_container iframe {
    	height: 310px;
	}
}

@media(max-width:992px){
	#laptop_container iframe {
    	height: 250px;
	}
}

@media(max-width:768px){
	#laptop_container iframe {
    	height: 175px;
	}
}

@media(max-width:575px){
	#laptop_container iframe {
    	height: 180px;
  	}
}

@media(max-width:500px){
	#laptop_container iframe {
    	height: 155px;
	}
}

@media(max-width:430px){
	#laptop_container iframe {
    	height: 125px;
	}
}

.masthead{
	margin-top: 20px;
}

.text-bold{
	font-weight: 600;
}

.text-blue{ color: #56a2db; }
.border-blue{ border-color: #56a2db!important; }
.text-red{ color: #ef6f7f; }
.border-red{ border-color: #ef6f7f!important; }
.text-yellow{ color: #ffcc00; }
.border-yellow{ border-color: #ffcc00!important; }
.text-purple{ color: #be9cdb; }
.border-purple{ border-color: #be9cdb!important; }
.text-green{ color: #6ece82; }
.border-green{ border-color: #6ece82!important; }

.btn-scheduul {
    border: 2px solid;
    border-bottom: 5px solid;
    border-radius: 50px;
    background: white;
    padding: 5px 15px;
    font-weight: 600;
    text-transform: uppercase;
}

.btn-scheduul.btn-xl{
	font-size: 1.3rem;
}

.section-title{
    border-left: 3px solid;
    width: fit-content;
    margin: 0 auto;
    padding-left: 10px;
}

.box-service svg {
    border: 3px solid;
    width: 40px;
    height: 40px;
    padding: 10px;
    border-bottom: 8px solid;
    border-radius: 10px;
}

.box-service p{
	font-style: italic;
}

span.vertical-line {
    width: 1px;
    height: 100px;
    border: 2px solid;
    display: block;
    margin: 0 auto;
}

.page-section#pricing{
	background: url('../assets/img/bg-pricing.webp');
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

#pricing .bg-light p.features-p{
    min-height: 150px;
    font-style: italic;
    margin-top: 25px;
}

#pricing h3 small {
    font-weight: 400;
    font-size: 1rem;
    font-style: italic;
    opacity: 0.7;
}

@media(min-width: 768px){
	.gray-borders{
		border-right: 3px solid #efeef2;
		border-left: 3px solid #efeef2;
	}
}

#contactForm input, #contactForm textarea{
	border-radius: 30px;
	background: #efeef2;
}

.form-floating > label, #contactForm input, #contactForm textarea{
	padding: 1rem 1.5rem;
}

.form-floating > label{
    font-style: italic;
    color: #808080;
}

.invalid-feedback{
	margin-left: 25px;
}

ul#social_icons {
    padding: 0;
    margin: 0;
    text-align: center;
}

ul#social_icons li{
    display: inline-block;
    margin: 0 5px;
}

ul#social_icons li a{
    color: white;
    opacity: 0.7;
    border: 1px solid white;
    border-radius: 15px;
    width:30px;
    line-height: 30px;
    text-align: center;
    display: block;
    transition: all 0.3s ease;
}

ul#social_icons li a:hover{
	opacity:1;
}

ul#footer_links {
    padding: 0;
    margin: 0;
    text-align: center;
}

ul#footer_links li{
    display: inline-block;
    margin: 0 15px;
}

ul#footer_links li a{
    color: white;
    opacity: 0.8;
    padding-bottom: 5px;
    border-bottom: 2px solid #333333;
    text-align: center;
    display: block;
    text-decoration: none;
    transition: all 0.3s ease;
}

ul#footer_links li a:hover{
	opacity:1;
}

#footer_menu_links {
    padding-left: 3rem;
}

#footer_menu_links li{
	list-style: none;
}

#footer_menu_links li a{
	color: #e6e6e6;
}

footer.bg-dark.py-5 {
    border-top: 5px solid #333333;
    border-radius: 25px 25px 0 0;
}

@media(max-width:1400px) and (min-width:992px){

	.navbar .container{
		padding:0!important;
		width: 100%!important;
	}

	#mainNav .navbar-nav .nav-item .nav-link{
		padding: 0 10px;
	}

}

@media(max-width:1280px) and (min-width:992px){

	#mainNav .navbar-nav .nav-item .nav-link{
		padding: 0 5px;
		font-size: 1rem;
	}

	a.navbar-brand img {
    	width: 150px;
	}

}

@media(max-width:992px){
	footer .col-lg-3{
		text-align: center;
	}

	#footer_menu_links{
		margin: 30px auto 0;
		padding:0;
	}
}

@media(max-width:575px){
	header.masthead{
	    padding: 100px 0 10px 0;
	}

	#pricing{
		padding-left: 30px;
    	padding-right: 30px;
	}

	#pricing h2{
		margin-top: 100px!important;
	}
}