/* **************************** Extra Large desktop ************************ */
@media (max-width: 1600px) { 

	.navbar ul#menu-primary li a {margin-left: 8px;}
	ul#menu-primary .dropdown-menu {position: relative;top:0;}
	ul#menu-primary .dropdown-menu li a {margin-left: 0;}
	ul#menu-primary .dropdown-menu ul {left:0;}

	.navbar ul#menu-primary {float: right; margin-right: 6%!important; font-size: .9em;}

	.hbf-section .vc_row.wpb_row .vc_col-sm-4 {margin-top: 130px;}

	.hbf-section .vc_row.wpb_row .vc_col-sm-8 {margin-top: 60px;}

	section#clients-associates-section .vc_col-sm-12 .num-one {margin-top: -54px; overflow: visible;}

	section#clients-associates-section .vc_col-sm-12,
	section#clients-associates-section  .vc_row[data-vc-full-width] 
	 {overflow: visible;}

	div#custom-slideshows .container {margin-top:200px;}
	section#black-container {margin-top: -750px;height: 750px;}
	#sliderarea {height: 750px;}
	#sliderarea .bx-wrapper .bx-viewport{height: 750px;}
	#custom-slideshows > .slide {height: 750px;}
	section#black-container .elect-side-header h1 {top:350px;}
	section#black-container div.email-icon-hero {top:600px;}
	section#black-container .linkedin-icon-hero {top:635px;}

}

/* **************************** Large desktop ************************ */
@media (max-width: 1300px) { 

	.container {width: 96%!important;} 

	.navbar-default .nav>li,
	.nav>li>a
	 {position: relative; display: block;}

	.navbar-nav>li {float: none;}

	.navbar ul#menu-primary {float: none; margin-right: 10%; font-size: 1em; display: block!important; width: 250px;}

	div#custom-slideshows .container {margin-top: 150px; width: 50%!important;}
	section#black-container {margin-top: -700px;height: 700px;}
	#sliderarea {height: 700px;}
	#sliderarea .bx-wrapper .bx-viewport{height: 700px;}
	#custom-slideshows > .slide {height: 700px;}
	section#black-container .elect-side-header h1 {top:350px;}
	section#black-container div.email-icon-hero {top:600px;}
	section#black-container .linkedin-icon-hero {top:635px;}

	/* Previous and Next Button - Section 2 of 7 */

	#about .owl-ca-theme.has-arrows .owl-ca-controls {top: auto;bottom:60px;}

	#team .about-heading-row, #team  .vc_col-sm-4 {margin-top: 140px;}

	#team .team-info {padding-right: 25px;}

	section#services {padding: 0px 35px;}

	.hbf-single.wpb_column.vc_column_container.vc_col-sm-2:nth-child(6) h2 {margin-bottom: 40px!important;}


	section#services .vc_row.vc_row-flex {display: block!important; overflow: visible;}

	.hbf-section .vc_row.wpb_row .vc_col-sm-8 {margin-top: 140px;}

	section#contact {padding-right: 5%!important; padding-left: 5%!important;}

	#main .gform_wrapper .gform_footer {right: 0px;}

	.navbar-default .navbar-collapse .nav > li {height: auto;}
	.site-header .navbar-nav > li > a {padding-top:5px;padding-bottom: 5px;}
	.site-header.fixed-header .navbar-nav > li > a {padding-top:5px;padding-bottom: 5px;}
	.hbf-section .carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls {top:auto !important;bottom:50px;}
	#about-project .carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div.owl-ca-next::before {margin-left: 0;}
	.site-header {position: fixed;right:0;width: auto;z-index: 100;}
	.site-header.fixed-header {width: auto;right:0;}
	.site-header .navbar-default {position: relative;}
}

@media (max-width: 1100px) { 
	#about .owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div.owl-ca-prev::before, #about-project .owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div.owl-ca-prev::before {margin-left: 0;}
	#about .carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div.owl-ca-next::before, #about-project .carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div.owl-ca-next::before {margin-left: 0;}
	#about .carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div.owl-ca-prev {left:50px;margin-left: 0;}
	#about .carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div.owl-ca-next {right:50px;left:auto;margin-left: 0;}
	.hbf-section .owl-ca-theme.has-arrows .owl-ca-controls {margin-left: 0;}
	#about-project .carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div.owl-ca-prev {left:50px;margin-left: 0;}
	#about-project .carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div.owl-ca-next {right:50px;left:auto;margin-left: 0;}
	#slidercontainer .bx-wrapper .bx-controls-direction a {top:185px;}
	.outofseven-row {margin-top:30px !important;}
	section#arrow-orange {margin-top:-50px;}
}

 
/* **************************** Portrait tablet to landscape and desktop **************************** */
@media (max-width: 991px) { 

.container {width: 100%!important;} 

div#custom-slideshows .container h1 {font-size: 3.5em!important;}

.navbar ul#menu-primary {margin-right: 3%; margin-left: 3%;}

#about .about-heading-row {margin-top: 170px;}

#about .carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div.owl-ca-next:before {margin-left: 0px;}

section#top-num-container {top: 2px;}

#team .vcf-row {left: 5%!important; bottom: 2%!important;}

.hbf-single.wpb_column.vc_column_container.vc_col-sm-2 {width: 33.33%; min-height: 350px; max-height: 350px;}

.hbf-single.wpb_column.vc_column_container.vc_col-sm-2:nth-child(6) h2 {margin-bottom: 5px!important;}  

.hbf-section .carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div.owl-ca-next:before {margin-left: 0px!important;}

.hbf-section .owl-ca-theme.has-arrows .owl-ca-controls {top: 300px!important;}
.hbf-section .carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls {margin-top: -20px;}

section#clients-associates-section .clients-logo {width: 33%;}

/*#contact .vc_col-sm-4 {width: 100%; display: block; margin: 0 auto!important; position: relative;}

#contact .vc_col-sm-4 p {text-align: center;}

#contact .email-icon-hero,
#contact .linkedin-icon-hero 
 {float: none; display: block; position: relative; margin: 0 auto!important; text-align: center;}

#contact .vc_col-sm-4 .email-icon-hero img,
#contact .vc_col-sm-4 .linkedin-icon-hero img {
    margin-top: inherit;
    margin-left: inherit;
    float: none;
    position: relative;
}

#contact .vc_col-sm-8 {width: 100%!important; margin: 50px 25px;overflow: visible;max-width: 93%;}


#main .gform_wrapper ul li#field_1_4 {position: relative; float: none; margin-top: 10px; right: 1px; width: 100%;}

#main .gform_wrapper .gform_footer {position: relative; float: none; left: 0; top: 0; margin-bottom: -70px!important;}

#contact .vc_col-sm-8 {width: 100%!important; margin: 50px 8%; overflow: visible; max-width: 93%; }*/
	.hbf-single.hover .wpb_single_image.vc_align_left h2 {bottom:120px;}
	.hbf-single.hover-active .wpb_single_image.vc_align_left h2 {bottom:120px;}
	#contact .vc_col-sm-6 a:hover {font-size: 1.1em;}



}
 
 
/* **************************** Landscape phone to portrait tablet **************************** */
@media (max-width: 767px) { 

	.container {width: 100%!important;} 

	div#custom-slideshows .container img {width: 100%;}

	/*Collapsed menu */
	.navbar-default .navbar-collapse {background-color: #fc5b23!important;opacity: 0.8;padding-bottom: 0;}
	ul#menu-primary li a {}
	ul#menu-primary li.active a {color:#252525;}
	ul#menu-primary li a:hover {color:#252525;}
	.site-header.fixed-header ul#menu-primary {padding-left: 0px;padding-right: 0px;padding-bottom: 0;font-size: 1em;}
	div#custom-slideshows .container h1 {font-size: 3.5em!important;}


	section#black-container {display: none;}
	section#top-num-container {top: 25px; left: 0px!important;}
	div#custom-slideshows .container { width: 65%!important;}

	#slidercontainer .bx-wrapper .bx-controls-direction a.bx-prev {left: 20px;}

	#slidercontainer .bx-wrapper .bx-controls-direction a.bx-next {left: 165px!important;}

	.navbar-default .navbar-toggle {border-color: #ffffff!important; background-color: #fc5b23!important;
	    opacity: .7; right: 10px!important;}

	#about .about-heading-row {margin-top: 170px!important;}

	#team .about-heading-row,
	#services .heading-about {margin-top: 200px;}

	#team .about-heading-row .wpb_single_image.vc_align_left {text-align: center;}

	#team .team-maintext {column-count: 1;}

	#team .vcf-row {position: relative; left: 0px!important; bottom: 0;  width: 100%;}

	#team .vcf-area h1 {display: none;}
	#team .vcf-area p {text-align: center!important; margin-top: 10px;}

	#why-us .team-maintext {padding-bottom: 70px;}

	section#about .vc_col-sm-6 {width: 100%!important; display: block!important; margin: 0 auto!important;}

	#about .qualities-about h2 {font-size: 1.77em; text-align: center;}

	#about .wpb_single_image.vc_align_left {text-align: center;}

	.about-maintext {padding: 0px 35px;}

	#team .vcf-area {margin-left: 12px!important;}

	#team .wpb_single_image.vc_align_left {text-align: center;}

	#team .about-heading-row, #team  .vc_col-sm-4 {margin-top: 110px;}

	#team .team-info {padding-left: 25px;}

	section#services .vc_col-sm-4 {width: 80%; display: block; padding: 0px 35px; margin-left: 10%;}

	#services .services-icons {display: none;}

	#services .vc_col-sm-12:nth-child(1) .heading-about {margin-top: 170px; margin-bottom: 30px;}

	#services div#projects {margin-top: -110px;}

	.vc_btn3-container.vc_btn3-right, .vc_btn3-container.vc_btn3-left {text-align: center!important;}

	.hbf-single.wpb_column.vc_column_container.vc_col-sm-2 {width: 33.33%;  margin: 0 auto; position: relative;float:left;}

	.hbf-section {margin-top: 10px;}

	.hbf-section .qualities-about {margin-top: 10px;}

	.hbf-section .vc_col-sm-4 {margin: 0 auto!important; text-align: center;}

	.hbf-section .sub-header h4 {padding: 20px 35px;}


	div#carousel-anything-2 {margin-top: 0px!important;}

	section#clients-associates-section .clients-logo {width: 50%;}

	section#contact .vc_col-sm-6 {width: 100%; display: block; margin: 0 auto!important;}

	section#contact .vc_col-sm-6 .wpb_content_element p {text-align: center;}

	#contact .vc_col-sm-6 {width: 100%; display: block; margin: 0 auto!important; position: relative;}

	#contact .vc_col-sm-6 p {text-align: center;}
	section#contact {text-align: center;}
	#contact .email-icon-hero,
	#contact .linkedin-icon-hero 
	 {float: none; display: inline-block; position: relative; margin: 0 auto!important; text-align: center;}

	#contact .vc_col-sm-6 .email-icon-hero img,
	#contact .vc_col-sm-6 .linkedin-icon-hero img {
	    margin-top: inherit;
	    margin-left: inherit;
	    float: none;
	    position: relative;
	}

	#contact .vc_col-sm-8 {width: 100%!important; margin: 10px 0px;overflow: visible;max-width: 100%;}


	/*#main .gform_wrapper ul li#field_1_4 {position: relative; float: none; margin-top: 10px; right: 1px; width: 100%;}

	#main .gform_wrapper .gform_footer {position: relative; float: none; left: 0; top: 0; margin-bottom: -70px!important;}

	#contact .vc_col-sm-8 {width: 100%!important; margin: 50px 8%; overflow: visible; max-width: 93%;}*/
	#content .ctc-hero-btn.about-contactus-btn {left:0;margin-left:0;}
	#about .carousel-anything-container .about-image .vc_figure {width: 100%;}
	#about .carousel-anything-container .about-image .vc_figure .vc_single_image-wrapper {width: 100%;}
	#about .carousel-anything-container .about-image .vc_figure img {width: 100%;}
	#team .vcf-area button {margin-top:0;}
	.hbf-section .vc_row.wpb_row .vc_col-sm-8 {margin-top: 0;}
	#sliderarea .bx-wrapper .bx-pager {left:20px;}
	.fixed-header .navbar-header {position: static !important;}
	#content #about-project .about-anything-slider {height: auto;}
	.hbf-section .owl-ca-theme.has-arrows .owl-ca-controls {top: 40px!important;bottom:auto;}
	.hbf-section .carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls {margin-top: 0px;top: 40px!important;bottom:auto;}

}

/* **************************** Landscape phones and down **************************** */
@media (max-width: 640px) { 

.container {width: 100%!important;} 

#main .gform_wrapper .gfield .ginput_container {min-width: 450px!important; max-width: 450px!important;}

#gform_1 ul#gform_fields_1 {float: none; min-width: 100%!important;}

#main .gform_wrapper .gfield.gf_left_half {padding-right: 0;}

.gform_footer.top_label::after {top:20px;right:20px; position: absolute;}
#main .gform_wrapper ul li#field_1_4 {position: relative;width: 100%;padding-left: 0;float:none;top:0;}
.fixed-header .navbar-header {right:0;}
.site-header.fixed-header {top:0;}
.site-header.fixed-header .navbar-default .navbar-collapse {opacity: 1;}
.arrow-row img {position: relative !important;}

}


 
/* **************************** Landscape phones and down **************************** */
@media (max-width: 480px) { 
	.container {width: 100%!important;} 
	.about-maintext {padding-left: 10px;padding-right: 10px;}
	.hbf-single.wpb_column.vc_column_container.vc_col-sm-2 {width: 50%;}
	section#services .vc_col-sm-4 {width: 90%;padding-left:5px;padding-right: 5px;margin-left: 5%;}
	div#custom-slideshows .container {width: 80% !important;margin-right: 10%;margin-top:150px;}
	#content .ctc-hero-btn.about-contactus-btn {margin-bottom: 10px;}
	.heading-about h1 {padding-bottom: 0;}
	#why-us .heading-about {margin-top:50px;}
	#why-us .vc_col-sm-12 {width: 100%;margin-left: 0;}
	#projects .vc_col-sm-12 .recent-proj {margin-top: 20px;}
	#projects .project-btn-wrapper {margin-bottom: 10px !important;}
	#projects .project-btn-wrapper .projects-btn {margin-bottom: 10px;}
	.outofseven-row {position: relative !important;}
	#about .about-heading-row {margin-top:10px !important;}
	#team .about-heading-row, #team .vc_col-sm-4 {margin-top: 10px;}
	#services .vc_col-sm-12:nth-child(1) .heading-about {margin-top:10px;}
	#page .project-content-row {padding-top:0 !important;}
	section#clients-associates-section .clients-logo {width: 100%;}
	#page #main #contact {padding-top:30px !important;padding-bottom: 20px !important;}
	#contact .wpb_text_column.wpb_content_element {margin-bottom: 10px;}
	div#custom-slideshows .container h1 {font-size: 3em !important;letter-spacing: 2px;}
	.hbf-hover-heading h4 {font-size: 22px;}
}
@media (max-width: 375px) { 
	.hbf-section .sub-header h4 {padding-left: 10px;padding-right: 10px;}
	.about-maintext {padding-left: 10px;padding-right: 10px;}
	#team .team-info {padding-left: 10px;padding-right: 10px;}
	section#services .vc_col-sm-4 {width: 100%;margin-left: 0;padding-left: 10px;padding-right: 10px;}
	.heading-about h1 {letter-spacing: 2px;}
}
@media (max-width: 375px) { 
	.hbf-single.wpb_column.vc_column_container.vc_col-sm-2 {width: 100%;}
}