/* -------------------------------------------------------------------------------
=========================================
SELENA - Free Multi-purpose One Page Template
Version: 1.0 (Initial Release)
Designed By: Maher Jarrah

Website:		http://maherjarrah.com
Twitter:			https://twitter.com/MaherJarrah1
Facebook:		https://fb.com/maherjarrah111
Behance: 		https://www.behance.net/maherjarrah

You can use this template for your personal purposes only, and it's under Creative Commons Attribution-NonCommercial v3.0 license https://creativecommons.org/licenses/by-nc/3.0/
=========================================
--------------------------------------------------------------------------------*/

@media (min-width: 340px)  {
	.icon-box {
		width: 300px;
		padding: 0px 50px;
	}
}
@media (max-width:479px){
	.column_details{ margin-top:0px;}
	.column_right{ margin-top:40px;}
}

@media (min-width: 480px)  {
	html {
		font-size:15px;
	}
	
	h4 {
		font-size: 1.25rem;
	}
	
	h5 {
		font-size: 18px;
	}
	
	h6 {
		font-size: 16px;
	}
	
	.col-3,
	.col-4,
	.col-6,
	.col-8,
	.col-9,
	.col-12 {
		text-align: left;
	}
	
	.col-6 {
		width: 50%;
	}
	
	.col-3 {
		width: 50%;
	}
	
	.text-left {
		text-align:left;
	}
	
	.text-center {
		text-align:center;
	}
	
	.text-right {
		text-align:right;
	}
	
	.list-content {
		height: 50px;
	}
	
	.icon i {
		width:50px;
		height:50px;
	}
	
	.testimonial-box img {
		display:inline-block;
	}
	
	.testimonial {
		display:inline-block;
		width:100%;
		padding-left:0px;
		text-align: left;
	}
	
	.wrapper {
		padding-top:50px;
		padding-bottom:50px;
	}

	.statistics .wrapper {
		padding-bottom:0px;
	}
	
	.skill {
		margin-bottom:100px;
	}
	
	.contact .styled-icon-list span {
		height: 50px;
	}
	
	.informations-table span {
		min-width:150px;
	}
}

@media (min-width: 550px)  {
	.package {
		width:400px;
	}
	
	.skill {
		margin-right: 50px;
		margin-left: 50px;
	}
}

@media (min-width: 650px)  {
	.col-4 {
		width: 33.3333%;
	}
	
	.col-8 {
		width: 66.6666%;
	}
	
	.contact form .col-6 {
		width:50%;
	}
	
	.contact form {
		/*border: 1px solid #fff;
		padding:40px;*/
	}
}

@media (min-width: 702px)  {
	.contact .styled-icon-list {
		display:block;
		text-align: center;
	}
	
	.contact .styled-icon-list li {
		display:inline-block;
		margin-bottom: 0;
		margin-right: 20px;
	}
	
	.contact .styled-icon-list li:last-child {
		margin-right: 0;
	}
}

@media (min-width: 767px)  {
	html {
		font-size:16px;
	}
	
	.col-3 {
		width: 25%;
	}
	
	.col-9 {
		width: 75%;
	}
	
	.col-9 + .col-3 {
		width: 25%;
	}
	
	.home .wrapper {
		padding-top:277px;
		padding-bottom:180px;
	}
	
	.about .wrapper > .col-6 {
		width:50%;
	}
	
	.package {
		width:260px;
		margin-bottom:0px;
	}
	
	.main-package {
		width:300px;
	}
	
	.package:first-child {
		margin-right:-50px;
	}
	
	.package:last-child {
		margin-left:-50px;
	}
	
	.circular-pricing-table .package:last-child {
		margin-left: -175px;
	}
	
	.subscribe input[type=email] {
		width:400px;
		margin-right:20px;
	}
}

@media (min-width: 930px)  {
	.navigation-logo {
		height: auto;
		padding:25px;
	}
	
	.navigation {
		box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.5);
	}
	
	.navigation-links li {
		display:inline-block;
		padding: 0px 15px;
	}
	
	.navigation li a {
		padding: 15px 0px;
		font-size:18px;
		font-weight:600;
	}
	
	.navigation-links li ul {
		opacity:0;
		visibility: hidden;
		position:absolute;
		top:186px;
		box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.5);
		border-top: 5px solid #fff;
	}
	
	.navigation-links li li a {
		padding: 15px 70px;
		padding:15px;
	}
	
	.navigation-links > li > a:hover {
		background:transparent;
		color:#fff;
	}
	
	.navigation-links > li > a:hover:after, .navigation-links > .current > a:after {
		width:100%;
	}
	
	.home .wrapper {
		padding-top:246px;
		padding-bottom:180px;
	}
}

@media (min-width: 1040px)  {
	.circular-pricing-table {
		min-height:0;
	}
	
	.package {
		width:350px;
	}
	
	.main-package {
		width:400px;
	}
	
	.circular-pricing-table .package {
		position: relative;
		left: 0;
		margin-left: 0;
		margin-bottom:0;
	}
	.circular-pricing-table .main-package {
		margin-left: 0;
		top:0;
	}
	
	.circular-pricing-table .package:last-child {
		margin-left:-50px;
		top:0;
	}
}

@media (min-width: 1090px)  {
	.icon-boxes {
		max-width: 100%;
	}
	
	.icon-boxes:after {
		display:block;
	}
	
	.icon-box {
		width: 260px;
		padding: 0px 30px;
		margin-bottom:0px;
	}
	
	.navigation .btn-container {
		display:inline-block;
	}
}
@media (min-width: 1160px)  {
	.team .wrapper {
		max-width: none;
	}
	
	.single-member {
		margin-bottom:0;
	}
}
@media (min-width: 1240px)  {
	.skills .wrapper {
		max-width: none;
	}
}