/*

[Responsive Stylesheet]

Project     : Datalatics

*/

@media screen and (max-width:1199px){
	.header--navbar:before { 
		width:940px
		}
	}
@media screen and (min-width:992px) {
	.row--vc-md>div {
		float:none;
		display:table-cell;
		vertical-align:middle
		}
	}
@media screen and (max-width:991px) {
	.float--md-none {
		float:none!important
		}
		.portfolio--filter-menu .nav>li:after,.pricing--nav .nav>li>a:after,.pricing--table .table thead,.tab-nav--widget .nav>li>a:after{
			display:none
		}
		.comment--items .comment--items {
			margin-left:0;
			margin-right:0
		}
		.header--navbar:before {
			width:720px;
		}
		.header--navbar>.container {
			position:relative;
		}
		.header--nav-links>li,.header--navbar .navbar-header { 
			float:none;
		}
		.header--cart-btn {
			float:none;
			position:absolute;
			top:1px;
			right:85px;
			margin-left:0;
		}
		.header--navbar .navbar-toggle,.pricing--table .table tbody tr {
			display:block;
		}
		.header--navbar .navbar-collapse {
			float:none;
			display:none!important;
			position:absolute;
			left:15px;
			right:15px;
			max-height:320px;
			box-shadow:0 3px 8px rgba(0,0,0,.085);
			overflow:auto!important;
		}
		.header--navbar .navbar-collapse.collapsing,.header--navbar .navbar-collapse.in {
			display:block!important;
			}
		.header--nav-links {
			margin-top:12px;
			margin-left:0;
			margin-right:0;
			color:#222;
			background-color:#fff;
		}
		.header--nav-links>li>a {
			display:block;
			padding-left:20px;
			padding-right:20px;
		}
		.header--nav-links>.dropdown>.dropdown-menu {
			float:none;
			position:relative;
			margin-top:0;
			padding:0;
			box-shadow:none;
		}
		.header--nav-links>.dropdown>.dropdown-menu a {
			padding-left:30px;
			padding-right:30px;
		}
		.dropdown-menu .dropdown-menu {
			float:none;
			position:relative;
			top:0;
			left:0;
			margin-left:0;
			padding:0;
			box-shadow:none;
		}
		.dropdown-menu .dropdown-toggle:before {
			content:"\f107";
		}
		.header--nav-links>.dropdown>.dropdown-menu .dropdown-menu>li>a {
			padding-left:40px;
			padding-right:40px;
		}
		.pricing--table:before {
			border-width:0;
		}
		.pricing--table .table tbody tr+tr {
			margin-top:30px;
		}
		.pricing--table .table tbody tr td,.pricing--table .table tbody tr th {
			display:block;
			padding-left:140px;
			text-align:right;
		}
		.pricing--table.text-center .table tbody tr td,.pricing--table.text-center .table tbody tr th {
			text-align:right;
		}
		.pricing--table .table tbody tr td:before,.pricing--table .table tbody tr th:before {
			border-width:1px 1px 0;
			opacity:.1;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"
		}
		.pricing--table .table tbody tr td:last-child:before,.pricing--table .table tbody tr th:last-child:before {
			border-bottom-width:1px;
		}
		.pricing--table .table tbody tr td:after,.pricing--table .table tbody tr th:after {
			content:attr(data-label);
			position:absolute;
			top:50%;
			left:15px;
			-webkit-transform:translateY(-50%);
			transform:translateY(-50%);
			font-weight:600;
			text-transform:uppercase
		}
		.affiliate--info-item:after,.product--details-nav .nav>li>a:after {
			display:none;
		}
		.coming--soon--section.bg--overlay:before {
			width:70%;
		}
	} 

@media screen and (max-width:767px) {
	.header--navbar:before { 
		width:auto
		}
	.header--navbar .navbar-toggle {
		margin-right:15px
		} 
	.header--nav-links>li {
		float:none
		}
		.banner--content .title .h1 {
			font-size:58px;line-height:68px}.vps--pricing-slider-wrapper{padding-left:50px;padding-right:50px}.cart--items>form>.table thead,.vps--pricing-slider-wrapper .ui-slider-next,.vps--pricing-slider-wrapper .ui-slider-prev{display:none}.cart--items>form>.table tbody tr{display:block}.cart--items>form>.table tbody tr+tr{margin-top:30px}.cart--items>form>.table tbody tr td,.cart--items>form>.table tbody tr th{display:block;padding:10px 20px 10px 140px;text-align:right}.cart--items>form>.table tbody tr td:before{top:0;bottom:0}.cart--items>form>.table tbody tr td:after{content:attr(data-label);position:absolute;top:50%;left:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#393939;font-weight:600}.coming--soon--section.bg--overlay:before{width:100%}}@media screen and (max-width:600px){.col-xxs-12{float:none;width:100%;margin-left:0;margin-right:0}.domain-search--form .input-group{display:block}.domain-search--form .input-group .form-control{float:none}.domain-search--form .input-group-addon{display:block;width:100%}.domain-search--form .input-group-addon .btn-default{display:inline-block;width:50%}.domain-search--form .input-group select{min-width:0}.coupon--code.float--left{float:none;max-width:none}.cart--update-btn.float--right{float:none;margin-top:30px;text-align:center}}

@media screen and (max-width:480px) {
	.col-xss-5 {
		width:41.66666667%;
		}
	.col-xss-7 {
		width:58.33333333%;
		}
	.col-xss-12 {
		float:none;
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	.section--title .h1 {
		font-size:30px;
	}
	.banner--content .title .h1 {
		font-size:28px;
		line-height:58px;
		word-break:break-all;
		}
	.testimonial--item .content{padding-left:30px;padding-right:30px}.post--author .img{float:none;margin-bottom:18px}}

@media (min-width: 992px) {
	.col-md-offset-3 {
    margin-left: 20%;
	}
	.feautres-box {
		margin-left: 25%;
	}
	.read-more {
		margin-top: -10px;
	}
}

.client-margin {
	margin-bottom: 10px;
}

.clients-top-padding {
	padding-top: 100px;
	margin-bottom: 15px;
}

.cass {
	height: 635px;
}

.port1 {
	height: 243px;
}

.port2 {
	height: 515px;
}

.pt-100 {
	padding-top: 100px;
}

#cColorSwitcher {
	display: none;
}

.privacy {
	background-color: #222 !important;
}

.coming-soon-input {
	border:1px solid #fff !important;
}

.privacy-header {
	background: #222; 
}
    
.col-md-offset-10 {
	margin-left: 8%;
}

.col-md-offset-10 p {
	text-align: justify;
	font-size: 14px;
}

@media (min-width: 992px) {
	.col-md-blog-post {
		margin-left: 25%;
	}	
}
