﻿#navbarSupportedContent-mobile .nav-item {
	border-top: 1px solid #D6D9DC;
}

	#navbarSupportedContent-mobile .nav-item > a {
		padding: 20px;
		border-bottom: none;
	}

#navbarSupportedContent-mobile .dropdown-toggle::after {

}

@media (max-width: 1800px) {
	#main-menu::after {
		width: 18.799%;
	}
}

@media (max-width: 1737px) {
	#main-menu::after {
		width: 17%;
	}
}

@media (max-width: 1650px) {
    .ico-carat { z-index: 2; padding-top:0%; }
	#main-menu::after {
		width: 16%;
	}
}

@media (max-width: 1588px) {
	#main-menu::after {
		width: 15%;
	}
}

@media (max-width: 1550px) {
	#main-menu::after {
		width: 14%;
	}
    .ico-carat { 
        display:none;
    }
}

@media (max-width: 1500px) {
	#main-menu::after {
		width: 13%;
	}

	footer {
		background-image: linear-gradient(110deg, #f2f2f6 0, #f2f2f6 59%, #fff 59.1%, #f2f2f6 59.2%);
	}

		footer.home {
			background-image: linear-gradient(110deg, #fff 0, #fff 59%, #f2f2f6 59.1%, #fff 59.2%);
		}
}

@media (max-width: 1450px) {
    .ico-carat { display:none;}
	#main-menu::after {
		width: 11.5%;
	}
}

@media (max-width: 1400px) {
	#main-menu::after {
		width: 10%;
	}
}

@media (max-width: 1366px) {
    .caption-separator-line {width: 92px;height: 154px; }
	#main-menu::after {
		width: 9%;
	}
}

@media (max-width: 1315px) {
	#main-menu::after {
		width: 8%;
	}
}

@media (max-width: 1288px) {
	#main-menu::after {
		width: 7%;
	}
}

@media (max-width: 1250px) {
	.nav-explore.nav-with-icon li, .nav-solutionsteps li {
		margin-right: 2%;
	}
    .carousel-features .caption-right .caption-data .caption-title { font-size: 27pt; line-height: 25pt; margin-bottom: 5px;}
    .caption-separator-line { width: 80px; height: 134px; }
	#main-menu::after {
		width: 5%;
	}
}

@media (max-width: 1199px) {
	section.training-courses19 .buttons-box .button.training.ccontact a {
		padding: 6.2% 12.5% 6.2% 17.5%;
	}
	.nav-explore.nav-with-icon li, .nav-solutionsteps li {
		margin-right: 1.5%;
	}
    #search-form { width: 40%; }

    .dropdown-item { white-space: initial; }
    .dropdown-menu > li .nav-link { 
        display:inline;
    }
	.orange.button {
		max-width: 140px;
	}

	.dropdown-menu > li {
		width: 33%;
		display: inline-block;
		vertical-align: top;
	}

	#language {
		display: none;
	}

	#language-m {
	position: relative;
    right: 0%;
    top: 1px;
    margin-left: 3px !important;
}

	#navbarSupportedContent {
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
		z-index: 99;
		background: #fff;
		position: absolute;
		top: 61px;
		width: 100%;
		left: 0;
	}

	#navbarSupportedContent-mobile {
		-webkit-transition: max-height 0.7s ease;
		-moz-transition: max-height 0.7s ease;
		transition: max-height 0.7s ease;
		z-index: 99;
		background: #fff;
		position: absolute;
		top: 61px;
		width: 100%;
		left: 0;
		max-height: 0;
	}

		#navbarSupportedContent-mobile.show {
			max-height: 9990px;
			-webkit-transition: max-height 0.7s ease;
			-moz-transition: max-height 0.7s ease;
			transition: max-height 0.7s ease;
			display: block !important;
		}

.dropdown-menu.show {
		width: 100% !important;
		border-radius: 0;
		padding: 2% 15px;
		top: 82px;
		left: 0px !important;
		-webkit-transition: all 0.8s ease-in-out;
		-moz-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
		background: #f2f2f6;
	}
    .dropdown-menu > li { 
       padding-bottom:2%;
    }
	#separator-line {
		display: none;
	}

	#menu-services {
		padding-top: 0;
		margin-right: 13%;
		margin-left: auto;
	}

	button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
		border-style: solid;
	}

	#main-menu {
		height: 60px;
	}

		#main-menu::after {
			width: 23%;
		}

	.navbar-light .navbar-toggler {
		color: #fff;
		border: none;
		z-index: 999;
		position: relative;
	}

	.navbar-light .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}

	.dropdown-item {
	    padding: 3px 0px;
	}

	.nav-link span {
		color: #E64C00;
	}
}

@media(max-width:1170px){
    .carousel-caption { padding: 0 2%; }
}


@media (max-width: 1074px) {
    #main-menu::after { width: 20%; }
}


@media (max-width: 1024px) {
}

@media (max-width: 992px) {
}

@media (max-width: 991px) {	
    .carousel-features .caption-right .caption-data { padding-right: 3%;width: 81%; }
     .carousel-features .caption-right .caption-data .caption-title { font-size: 23pt; line-height: 23pt; margin-bottom: 5px; }
    .solutionsteps .caption-separator-line { margin: 0 0 3% auto; }
     footer .col-sx {

    float: right;
    width: 20px;
    margin-right: 10%;

}
    .caption-separator-line { width: 64px; height: 109px; }
    .carousel-caption .caption-title h1 { line-height:34pt; font-size:32pt; }
    section h2, h2 { font-size: 21pt; line-height: 22pt;}
    .text h2 { font-size: 21pt; line-height: 22pt; }
    .caption-off { font-size:11pt;line-height:13pt; }


    .button a { padding: 6% 4% 6% 19%; }
    #nojob-message .button a { padding: 6% 6% 6% 6%; }
    .newsletter.button a { padding: 6% 0%; }
    .error.button a { padding: 6% 0%; }
    #home-carousel .owl-dots {bottom: 2.5%; }
    .carousel-caption { padding: 0 4%; }
     #search-form { width: 45%; }
    .cs-select > span { padding-left:14px;padding-right: 24px;}
    #main-menu::after { width: 100px; }
	.container {
		width: 100%;
		max-width: 1170px;
	}
    #menu-services { padding-top: 0;margin-right: 43px; }
	footer {
		background-image: none;
	}

		footer.home {
			background-image: none;
		}
}
@media(max-width:990px) {
    .fascioni-overview .caption-content .button {  clear: both;  width: 170px; }
    .fascioni-overview .parallax:nth-child(2n-1) .caption-content .button { float: right; }
    .caption-separator-line { 
        display:none;
   } 
}
@media (max-width:856px) {
    .search-filter .content-right { width:40%; }
    .featherlight iframe { width: 85vw !important; }
    .fascioni-overview .caption-abstract { max-width: 74.3%; }
    .fascioni-overview .caption-content {  width: 70.7%; }
    .carousel-features .caption-right .caption-data .caption-title { font-size:18pt;line-height:19pt; }
    .box-latest-news { width: 70%; }
   footer .col-sx {

    float: right;
    width: 20px;
    margin-right: 8%;

}
    .dropdown-menu > li { width: 32%;padding-right: 15px; }

}
@media (max-width: 768px) {
    .form-group {
    margin-bottom: 0.9rem !important;
    font-size: 10pt;

}
    .caption-separator-line { width: 12%; }
     .carousel-caption .caption-text {  padding-top: 4%; }
    .caption-off { padding-bottom: 5%; }
    .button a { padding: 4% 20%; font-size: 11pt; }
    .caption-button.button a { padding: 4% 0%; }
    .fascioni-overview .caption-content .button a { padding: 4% 0; }
    .newsletter.button a { padding: 4% 0%; }
     #search-form { width:52%; }
}

@media(max-width:767px) {
	.popover.show{display:none;}
    .featherlight iframe, .featherlight-content .featherlight-inner { height: 66vh !important; width: 80vw !important; }
    .featherlight-image.featherlight-inner {
        height: auto !important;
    }

    .search-filter .content-right {
    width:100%;
}
    .tecnical-data { 
        display:none;
    }
    .box-latest-news { width: 100%; text-align: center; }
    .button.newsletter { 
        display: block !important;
margin: 1% auto 2% !important;
float: none !important;
text-align: center;
    }
    
    .fascioni-overview .caption-content { width: 77%; }
    .fascioni-overview .caption-content .button {  bottom: 12px; }
    .buttons-box { padding: 8.122% 4.5%; }

    .carousel-features .caption-right .caption-data { padding-right: 3%;max-width: 79%; }
    .box-title { font-size: 13pt; }
    /*.carousel-features .caption-right {width: 65%; }*/
    .carousel-caption .caption-title h1 { line-height: 27pt; font-size: 27pt; }
    section h2, h2,.text h2 { font-size: 19pt; line-height: 20pt; }
    
    section p { text-align: center; font-size: 11pt; }
    .text p, .text { font-size: 11pt; }
    .carousel-caption .caption-title { align-self: center;width: 50%; }
    .carousel-caption .caption-text { padding-top: 0;align-self:center;width: 50%; }
    #home-carousel .caption-off { display: none; }
    #nav-footer {text-align: center; }
    /*#solutionsteps { 
        display:none;
    }
    .solutionsteps { 
        display:none;
    }*/
    .nav-solutionsteps , .nav-features { 
        display:none;
    }
    .navbar.anchors .cs-select, #solutionsteps .cs-select, #solutionbeverages .cs-select, #features .cs-select { 
float: unset;
    }
    .nav-combo-box { 
    display: block !important;
    margin: 3% auto;
    float: unset;
    max-width: 353px;
    width: 100%;
    }
    #features .nav-combo-box { 
        margin:0 auto 3%;
    }


    #solutionbeverages { 
        display:none;
    }
    #solutionbeverages-down{ 
        display:none;
    }
    /*.box-latest-news {

    width: 100%;
    text-align: center;

}*/
    #nav-footer li {
    padding: 2% 0 0;
    text-align: center;
}
    .box-social { 
        text-align: center;
    }
    .social-item { width: 20px; height: 20px; margin: 0 2% 2%; display: inline-block; }
    #nav-footer li { padding: 2% 0 0; text-align: center;padding-right: 3%;display: inline-block; }
        #nav-footer li:last-child { 
            padding-right:0;
        }
    footer .col-sx { clear: both; float: right; width: 100%; margin-right: 0; }
    footer .col-dx {width: 100%; }   
    .logo-footer {
max-width: 100px;
margin:2% auto;
display: block;
}
}
@media (max-width: 667px) {
    .fascioni-overview .caption-abstract {display:none; }
    .fascioni-overview .caption-content .button {position:absolute; }

    .parallax {   height: 130px;
 }
    .buttons-box { padding: 11.12221% 15px; }

   .carousel-features .caption-right .caption-data {

   
   

}
    #search-form { width: 56%; padding: 3%; }
}

@media(max-width:620px) {
     .featherlight iframe, .featherlight-content .featherlight-inner { height: 70vh !important; width: 90vw !important; }
    .featherlight-image.featherlight-inner {
        height: auto !important;
    }
    .form-contact .form-check-label {  }
}

@media (max-width:600px) {
      .breadcrumbs-caption { 
        display:none;
    }
    .carousel-features .caption-right { 
        display:none;
    }
 .dropdown-menu > li { width: 49%;padding-right: 15px; } 
}

@media (max-width: 576px) {
    .text-hidden { 
        display:none;
    }
    .carousel-caption .caption-title h1 { line-height: 23pt; font-size: 23pt; }
   .button a {
    padding: 3% 19%;
    font-size: 10pt;
}
    .caption-button.button a , .fascioni-overview .caption-content .button a {
    
        padding:3% 1.5%;
    }
    .caption-button.button {  max-width: 140px; }
   #search-form { width:65%;  }
   .caption-separator-line {

    width: 10%;
    height: 81px;

}
}

@media (max-width: 575px) {	
	section.training-courses19 .buttons-box .button.training.ccontact a {
		padding: 3% 19%;		
	}
	.button.error.orange.left, .button.error.orange.right {
		float: none;
		margin: 1% auto;
	}
    .button.orange.right.single { 
        float:none;
        margin:1% auto;
    }
    button.orange.closeb { 
        display:none;
    }
    .history .row > h2 { top: 15px; }
    .history-hidden { 
        display:none;
    }
    .col-sm-6.history-item span { display:none;}
    .history-item { 
        margin:1% 0;
    }
    .history > .row > .col-sm-6:nth-child(1), .history > .row > .col-sm-6:nth-child(2) { padding-top: 46px; }
    .filter-box {padding:0;

margin-bottom:0; -webkit-transition: height 0.4s ease-in-out;
-moz-transition: height 0.4s ease-in-out;
transition:height 0.4s ease-in-out;
height:0;visibility:hidden; }
    .filter-box.active {-webkit-transition: height 0.4s ease-in-out;
-moz-transition: height 0.4s ease-in-out;
transition:height 0.4s ease-in-out;
padding: 19px;

margin-bottom: 18px;
visibility: visible;
height: auto;
    }
    .title-filter::after{
font-family: 'Glyphicons Halflings';
content: " ";
float: right;
background: url('/images/arrow-right.svg') no-repeat;
width: 12px;
height: 15px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 4px;
}
.title-filter.active::after {  
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
transform: translateY(-50%) rotate(90deg);

}
    .title-filter { 
    cursor: pointer;
    position: relative;
    }

    #open-filters-buttons { 
        display:block;
    }
   



   
    .products-matrix { margin-top:2%; }
    #liquid_area_filter { background: #ffffff; box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px, rgba(0, 0, 0, 0.07) 0px 32px 32px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute;z-index: 2; top: 0; left: -360px; display: block; padding: 15px; max-width: 360px;width: 100%; }
     #liquid_area_filter.active {
                 -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
 left: 0;

}
    .product-list { 
        margin-top:0;
    }



    .quote { 
        display:none;
    }
    .job-share-container { padding: 2%; }
    #apply_now { 
        width:100%;
    }
    .job-sidebar .job-moreinfo { padding:2%;background: #ffffff; }
    .job-moreinfo .side-info-title, .job-moreinfo .side-info-desc, .job-moreinfo .side-info-title, .job-moreinfo .side-info-desc,
    .job-moreinfo .side-info-title, .job-moreinfo .side-info-desc { 
        display:none;
    }
    #csod-retrieve-job { 
        width:100%;
        max-width:100%;
    }
    .buttons-box { padding: 15px 15px; }
    .carousel-container .carousel-caption { 
       visibility:hidden ;
    }
    #home-carousel .carousel-caption { 
       visibility:visible;
    }
    
	.navbar-brand img {
		width: 100%;
		    max-width: 140px;

	}
}

@media (max-width: 499px) {
    .dropdown-menu > li { width:100%;padding-right:0;  } 
    #menu-services { margin-right: 25px;
  }
    .dropdown-item { padding: 6px;
        border-bottom: 1px solid #D6D9DC;
    }
        .nav-link.no-cursor {
padding-top: 9px;

display: block;

}


}

@media (max-width: 456px) {
    #nav-footer li { 
        display:block;
        padding:2% 0;
    }
    .box-latest-news p{ 
        display:none;
    }
    #home-carousel .owl-dot , .home-news .owl-carousel .owl-dot, #gallery .owl-carousel .owl-dot   { height: 12px; width: 12px;margin-right: 8px; }
    #home-carousel .owl-dots { bottom: 2%; }
    .carousel-caption .caption-title h1 { line-height: 21pt; font-size: 21pt; }
    .caption-button.button , .button { max-width: 110px; }
    caption-button.button a , .button a { font-size:9pt;}
    .caption-separator-line { width: 10%; height: 53px; }
    .navbar-brand {margin-right:0; }
    /*#menu-services { margin-right: auto; margin-left: 0; }*/
}
@media (max-width:400px) {
    .form-contact .form-check-label, #TicketRequestForm .form-check-label, #BookMeetingForm .form-check-label { width: 90%; }
      #search-form { width:100%;  }
      .cs-select > span::after { right: 0.4em; }
}
@media (max-width: 377px) {
    #menu-services { padding-top: 3px; }
        #menu-services #search { width: 20px; cursor: pointer; margin-left: 0px; }
        #menu-services #reserved { width: 19px; }
        #menu-services > div { margin-left: 13px; }
  
}
@media (max-width: 375px) {
}

@media (max-width: 360px) {
    .navbar-brand img { width: 100%; max-width: 115px; }
}

@media (max-width: 320px) {
}
