@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px
11. 539px
12. 479px
13. 400px

******************************/


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

/************
2. 1440px
************/

@media only screen and (max-width: 1440px) {
	.main_nav ul {
		margin-right: 80px;
	}

	.main_nav ul li {
		margin-right: 50px;
	}

	.v_slider .slick-dots {
		right: -55px;
	}
}



/************
3. 1280px
************/

@media only screen and (max-width: 1280px) {
	.hero_side_text_container {
		display: none;
	}

	.logo {
		padding-left: 50px;
	}

	.logo a {
		font-size: 28px;
	}

	.search {
		width: auto;
		margin-right: 40px;
	}

	.main_nav ul {
		margin-right: 68px;
	}

	.hero_slider_nav_right {
		display: block;
	}

	.next_section_scroll {
		display: block;
	}

	.footer_logo {
		padding-left: 0px;
	}
}




@media only screen and (max-width: 991px) {
	.main_nav {
		display: none;
	}

	.icon_box_col {
		padding-top: 0px;
		margin-top: 63px;
	}

	.icon_box_button {
		margin-bottom: 30px;
	}

	.item_1 span:first-child {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.item_1 span:nth-child(2) {
		margin-bottom: 9px;
	}

	.item_1 span:nth-child(2) img {
		width: 150px;
	}

	.item_1 span:nth-child(3) {
		font-size: 186px;
		margin-bottom: 0px;
	}

	.item_1 span:nth-child(4) {
		font-size: 20px;
	}

	.hamburger_container {
		display: inline-block;
	}

	.v_slider_section {
		height: auto;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.v_slider .slick-dots {
		right: 0px;
	}

	.v_slider_item {
		padding-right: 25px;
	}

	.v_slider_image {
		position: relative;
		top: auto;
		-webkit-transform: transform: none;
		-moz-transform: transform: none;
		-ms-transform: transform: none;
		-o-transform: transform: none;
		transform: none;
		right: auto;
		box-shadow: 0px 45px 59px rgba(24, 29, 33, 0.23);
	}

	.v_slider_image img {
		width: 100%;
	}

	.v_slider_content {
		//margin-top: 86px;
	}


	.person_image{
		width:120px;
		height: auto;
		margin: 0 auto;
	}
	.person_meta img{
		max-width: 55% !important;
		margin:0 auto;

	}
	#testimonial .d-flex{
		display: block;
	}
	.features_button {
		display: none;
	}

	.features_button_2 {
		display: inline-block;
		margin-bottom: 0px !important;
	}

	.features_col {
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.features_col > div:last-of-type {
		margin-bottom: 60px;
	}

	.features_image {
		margin-bottom: 50px;
	}

	.cta_image {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		height: auto;
		padding-top: 58px;
	}

	.cta_image img {
		max-width: 100%;
		width: 776px;
		height: auto;
	}

	.cta_content {
		padding-top: 60px;
	}

	.text_line_image {
		position: relative;
		bottom: auto;
		right: auto;
		padding-top: 109px;
	}

	.text_line_content {
		padding-top: 60px;
	}

	.newsletter_form_container {
		text-align: left;
		margin-top: 41px;
	}

	.footer_social {
		margin-bottom: 60px;
	}

	.footer_cr {
		display: none;
	}

	.footer_cr_2 {
		display: block;
	}

}


/************
10. 767px tablet
************/

@media only screen and (max-width: 767px) {
	h1 {
		font-size: 36px;
	}

	.logo {
		padding-left: 30px;
	}

	.hero_slider_nav_left {
		left: 30px;
	}

	.hero_slider_nav_right {
		right: 30px;
	}

	.v_slider_item h1 {
		line-height: 1.083;
	}

	.v_slider_item h1:last-of-type {
		margin-bottom: 63px;
	}

	.person {
		margin-top: 30px;
	}
}


/************
12. 480px mobile
************/

@media only screen and (max-width: 480px) {
	h1 {
		font-size: 40px;
	}

	h2 {
		font-size: 30px;
		font-weight: 600;
	}

	p {
		font-size: 13px;
	}

	.header {
		height: 68px;
	}

	.header.scrolled {
		height: 50px;
		background: rgba(27, 11, 51, 0.92);
	}

	.logo a {
		font-size: 18px;
	}

	.button {

		font-size: 11px;
		line-height: 37px;
	}

	.button a {
		font-size: 11px;
		line-height: 37px;
	}


	.service_item_button{
		padding: 0px 10px;
		font-size: 10px;
		line-height: 0px;
		margin-top: 10px;
	}
	.service_item_button a{
		padding: 0px;
	}

	.slick-next{
		right: 0;
	}
	.slick-prev{
		left: 0;
	}



	.icon_box_col {
		margin-top: 43px;
	}

	.icon_box_item {
		margin-bottom: 43px;
	}

	.icon_box_button {
		margin-top: 22px;
		margin-bottom: 20px;
	}

	.v_slider_item h1:last-of-type {
		margin-bottom: 40px;
	}

	.section_title span {
		font-size: 14px;
		margin-top: 22px;
	}

	.services_slider_container {
		margin-top: 60px;
	}

	.person_name {
		font-size: 13px;
	}

	.person_title {
		font-size: 11px;
	}

	.services_slider_container {
		margin-top: 0px;
	}

	.features_item {
		margin-bottom: 40px;
	}

	.features_col > div:last-of-type {
		margin-bottom: 40px;
	}

	.text_line_content {
		padding-top: 40px;
	}

	.text_line_content h1 {
		margin-bottom: 21px;
	}

	.text_line_content p {
		margin-bottom: 21px;
	}

	.newsletter_content {
		padding-bottom: 121px;
	}

	.newsletter_email {
		height: 40px;
		width: calc(100% - 140px - 26px);
	}

	.newsletter_submit_button {
		vertical-align: middle;
	}

	.newsletter_title h1 {
		margin-bottom: 17px;
	}

	.newsletter_title span {
		display: block;
		font-size: 14px;
		line-height: 1.7;
	}

	.aboutContent {
		padding-bottom: 40px;
		margin-top: 20px;
	}

	.aboutContent:nth-last-child(-n+2) {
		padding-bottom: 40px;
		margin-top: 0px;

	}

	.aboutContent p {
		line-height: 1.2em
	}

	.sm-text-center {
		text-align: center
	}

	.clientReference .col-sm-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.clientReference .col-sm-6 img {
		max-width: 100%;
		height: auto;
		margin-bottom: 15px;
	}


	.home.banner-area h1{
		font-size: 2em;
	}
	.home.banner-area p{
		font-size: 18px
	}

	.home.banner-area h1,
	.home.banner-area p {
		width: 100%;
		text-align: center;
		padding: 0 10px;
	}

	.about,
	.whatwedo {
		padding-top: 50px !important;
	}

	.hover_background {
		width: 185px !important;
		height: 120px !important;
		top: -15px !important;
	}

	p br {
		display: none;
	}

	.about-area {
		padding: 15px !important;
	}

	.about-area .menu-content.col-sm-6 {
		width: 50%;
	}

	.copyright {
		text-align: center;
		width: 100%
	}

	.footer_col_title {
		margin-bottom: 0 ;

	}

	.footer_col h6 {
		margin-top: 0 !important;
	}

	.footer_col .footerSubmenu {
		margin-top: 0px !important;
	}
	.footer_logo{
		text-align: center;
		padding: 0;
	}

	.footer .col-sm-6{
		width: 50%;
	}
	.footer_col ul.footerMenu li{
		text-align: center;
	}
	.footer_col_title{
		text-align: center;
	}


	.person_image{
		width:120px;
		height: auto;
		margin: 0 auto;
	}
	.person_meta img{
		max-width: 55% !important;
		margin:0 auto;

	}
	#testimonial .d-flex{
		display: block !important;
	}
	#testimonial br{
		display: block;
	}

	#testimonial .slick-list{
		height: 100%;
	}

	.person_meta{
		text-align: center;
	}
	.person_meta img{
		max-width:40% !important;
	}
	.cd-main-header{
		position: fixed !important;
		width: 100% !important; 
		height: 80px !important;
	} 
	.super_container{
		position: relative;

	}
	.cd-main-content{
		background: #fff;
	}
	.cd-logo {
		width: 150px !important;
		top: 0px !important;
		left: 5% !important;
	}

	.cd-header-buttons {
		top: 10px !important;

	}
	.cd-search-trigger, .cd-nav-trigger{
		width: 50px !important;
		height: 50px !important;
	}
	.cd-nav-trigger span, 
	.cd-nav-trigger span::before, 
	.cd-nav-trigger span::after{
		height: 5px !important;
		width: 45px !important;
	}

	.navbar-fixed-top.scrolled .cd-nav-trigger span, 
	.navbar-fixed-top.scrolled .cd-nav-trigger span::before, 
	.navbar-fixed-top.scrolled .cd-nav-trigger span::after{

		background: #fff;

	}

	.navbar-fixed-top.scrolled .cd-nav-trigger.nav-is-visible span{
		background: rgba(255,255,255,0);
	}



	.cd-nav-trigger span::before{
		top:-10px !important; }
	.cd-nav-trigger span::after{
		top: 10px !important;
	}
	.cd-nav-trigger.nav-is-visible span::before{
		webkit-transform: translateX(15px) translateY(-5px) rotate(45deg)!important;
		-moz-transform: translateX(15px) translateY(-5px) rotate(45deg)!important;
		-ms-transform: translateX(15px) translateY(-50px) rotate(45deg)!important;
		-o-transform: translateX(15px) translateY(-5px) rotate(45deg)!important;
		transform: translateX(15px) translateY(-5px) rotate(45deg)!important;
	}
	.cd-nav-trigger.nav-is-visible span::after{
		-webkit-transform: translateX(15px) translateY(6px) rotate(-45deg)!important;
		-moz-transform: translateX(15px) translateY(6px) rotate(-45deg)!important;
		-ms-transform: translateX(15px) translateY(6px) rotate(-45deg)!important;
		-o-transform: translateX(15px) translateY(6px) rotate(-45deg)!important;
		transform: translateX(15px) translateY(6px) rotate(-45deg) !important;
	}
	.slider#eventSlider{
		width: 100%;
	}
	.sm-hidden{
		display: none !important;
	}
	.sm-block{
		display: block !important;
	}
	.bannermenu ul a{
		font-size: ;
		line-height: 18px !important;
		width: auto !important;
		margin:0 10px;
	}
	.bannermenu ul li{
		padding-bottom: 5px;
	}

	#bannerSubMenu.container-fluid{
		padding-right:0;
		padding-left:0;
	}
	#bannerSubMenu .container{
		padding-right:0;
		padding-left:0;
	}
	.menu_bg{
		margin-left: 0!important;
		height: 55px !important;
	}
	.lg-mt-25p{
		margin-top: 0% !important;
	}

	#bigData .col-sm-6{
		width:50%;
	}

	.markUl li p{
		margin-bottom: 0rem;
	}
	.mt-80{
		margin-top: 40px !important;
	}

	.mb-50{
		margin-bottom: 25px !important;
	}


	.portfolio_categories {
		border-top:1px solid #d0d0d0;
	}
	.categoriesUl{display:block;overflow:auto;white-space:nowrap}
	.categoriesUl li{display:inline-block}
	.categoriesUl a li{display:inline-block;padding:16px}

	.tab_category{
		margin-right: 0;
	}
.greyNote{
	color:#b7b7b7;
	font-weight: 100		;
	font-size: 12px;
	}
	.sm-mb-50{
		margin-bottom: 50px;
	}
	
	.sm-text-right{
		text-align:right;
	}
	.sm-mt-20{
		margin-top:20px;
	}
	.sm-offset-0{
		margin-left: 0;
	}

}