@media only screen and (max-width: 1440px) , only screen and (max-device-width: 1440px) {

	.article .bgSubpageTop h1 {
		width: 75%;
	}
	.attachment-images li {
		width: 25%;
	}
	.goup {
		font-size: 20px;
	}

	.container {
		width: 100%;
	}

	.mobilePadding {
		padding: 30px;
	}
	.footer.mobilePadding {
		padding: 0 30px;
	}

	.logoTopBar {
		margin-left: 30px;
	}
	.menuTop .language {
		margin: 0 30px 0 60px;
	}

	.products .box {
		width: 25%;
	}
	.products .box span {
		font-size: 22px;
	}

	.bgSubpageTop {
		padding: 160px 30px 40px 30px;
	}
	.article .wysiwyg {
		width: 60%;
		padding-left: 30px;
	}
	.colArticle {
		width: 40%;
		padding-right: 30px;
	}

	.contact {
		padding: 0 30px 50px 30px;
	}

	.helpLarge {
		top: 10px;
	}
	#sliderMain {
		height: 450px;
	}
	.sliderMiddle {
		height: 450px;
		width: 50%;
    	margin: 0 0 0 8%;
	}
	#sliderMain .sp-layer h2 {
		font-size: 36px;
	}
	#sliderMain .sp-layer span {
		margin: 0 auto 20px;
	}
	#sliderMain .sp-layer span {
		font-size: 26px;
		line-height: 36px;
		margin: 0 auto 20px;
		width: 100%;
	}

}


@media only screen and (max-width: 1320px) , only screen and (max-device-width: 1320px) {

	.footer .footerHeader .menuFooter {
		margin-left: 30px;
	}

}


@media only screen and (max-width: 1220px) , only screen and (max-device-width: 1220px) {

	.menuTop .menu > li:last-child {
		margin: 0 0 0 20px;
	}
	.menuTop .menu > li:first-child {
    	margin: 0 20px 0 0;
	}
	.menuTop .menu > li {
		margin: 0 20px;
	}
	.menuTop .language {
		margin: 0 30px 0 40px;
	}

	.container {
		width: 100%;
	}
	.colArticle {
		width: 40%;
	}

	.footer .footerHeader .colRight .helpSmall {
		padding: 10px;
	}
	.footer .footerHeader .colRight .helpSmall .arrow {
		margin: 5px 0 0 15px;
	}
	.footer .footerHeader .colRight .helpSmall span {
		margin: 0;
	}
	.footer .footerHeader .colRight .helpSmall .imgHelp {
		display: none;
	}


}


@media only screen and (max-width: 991px) , only screen and (max-device-width: 991px) {

	.cms-form-container .submit input,
	.button {
		font-size: 16px;
	}
	.cms-form-container .input.select select,
	.cms-form-container .input input,
	.cms-form-container .submit input,
	.radio-group-buttons label,
	.buttonClassic {
		height: 44px;
		line-height: 44px;
	}
	.cms-form-container .submit input,
	.buttonClassic {
		padding: 0 25px;
	}

	.topBar .social,
	.topBarMobile,
	.menuTop .vMiddle {
		display: block;
	}
	.imaginaryTop {
		height: 70px;
	}
	.topInfo .infoCoordinates,
	.logoTopBar,
	.panelRight {
		display: none;
	}
	.menuTop .infoPhone {
		display: block;
	}
	.panelToggle,
	.topInfo .fRight {
		float: none;
	}
	.topBar,
	.sidekick-panel {
		background-color: #fff;
	}
	.fixed-header .topBar,
	.topBar {
		position: relative;
	}
	.topBar {
		padding: 0;
		height: auto;
	}
	.topBar.topScroll {
		box-shadow: none;
	}
	.menuTop {
		height: auto;
		margin: 0 0 15px 0;
		text-align: right;
		width: 100%;
	}
	.menuTop .menu {
		float: none;
		margin: 0 auto 15px;
		width: 100%;
	}
	.menuTop .menu li {
		display: block;
		margin: 0;
		font-size: 18px;
	}
	.menuTop .menu li a {
		border-bottom: 1px solid #ececec;
	}
	.topBar.topSubpage .menu li span,
	.topBar.topSubpage .menu li a {
		color: #004563;
	}
	.menuTop .menu li > span,
	.menuTop .menu li > a {
		padding: 10px 30px;
	}
	.menuTop .menu > li > ul {
		padding: 0;
	}
	.menuTop .menu li > ul > li {
		font-size: 15px;
	}
	.menuTop .menu li > ul > li > span,
	.menuTop .menu li > ul > li > a {
		padding: 10px 30px 10px 60px;
	}
	.menuTop .menu li:hover > span,
	.menuTop .menu li.active > span,
	.menuTop .menu li:hover > a,
	.menuTop .menu li.active > a,
	.topSubpage.topScroll .menu li:hover > a,
	.topSubpage.topScroll .menu li.active > a {
		color: #fff;
		background-color: #31869b;
	}
	.menuTop .menu li > ul > li:hover > span,
	.menuTop .menu li > ul > li.active > span,
	.menuTop .menu li > ul > li:hover > a,
	.menuTop .menu li > ul > li.active > a {
		color: #fff;
		background-color: #004563;
	}
	.menuTop .menu li:hover:before,
	.menuTop .menu li:focus:before,
	.menuTop .menu li.active:before,
	.menuTop .menu ul:before,
	.menuTop .menu ul:after {
		content: none;
	}
	.menuTop .menu li:first-child,
	.menuTop .menu li:last-child {
		margin: 0;
	}
	.sidekick-toggle {
		display: block;
	}
	.sidekickToggle {
		display: none;
	}
	.sidekick-panel {
		color: #fff;
		position: fixed;
		overflow-y: scroll;
		top: 70px;
		bottom: 0;
		width: 280px;
		right: -280px;
		transition: .3s;
		z-index: 10000;
	}
	.sidekick-toggle {
		z-index: 99;
		cursor: pointer;
		margin-right: 0;
		transition: .3s ease;
	}
	.sidekick-toggle .sidekickMenuOpen:before,
	.sidekick-toggle .sidekickMenuOpen:after {
		content: "";
		position: absolute;
		height: 1px;
		width: 100%;
		background: #2b2a2a;
		left: 0;
	}
	.sidekick-toggle .sidekickMenuOpen:before {
		top: -5px;
	}
	.sidekick-toggle .sidekickMenuOpen:after {
		bottom: -2px;
	}
	.sidekick-toggle .sidekickMenuClose:before,
	.sidekick-toggle .sidekickMenuClose:after {
		content: none;
	}
	.sidekick {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.sidekick-body {
		width: 100%;
		box-sizing: border-box;
		transition: .3s ease;
	}
	body.bodyOverlay:before,
	.sidekick-body:after,
	.sidekick-body:before {
		content: " ";
		display: table;
		clear: both;
	}
	.fixed-header .topBarMobile {
		position: fixed;
	}
	.topBarMobile {
		background: #fff;
	    border-bottom: 1px solid #ececec;
		width: 100%;
		height: 70px;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 9999;
		transition: .3s;
	}
	body.bodyOverlay .sidekick-body {
		position: fixed;
		overflow: hidden;
		height: 100%;
	}
	body.bodyOverlay:before {
		background: rgba(0,0,0,0.8);
		position: fixed;
		top: 0;
		bottom: 0;
		z-index: 9998;
		height: 100%;
		width: 100%;
		transition: .3s linear;
	}
	.sidekick .sidekick-panel.sidekickPanelMove {
		transform: translateX(-100%);
	}
	.nav-view {
		transition: .3s;
	}
	#menu-main ul {
		display: block;
		position: relative;
		text-align: right;
	}

	ul.article-list {
		padding: 0 30px;
	}
	ul.article-list li {
		width: 100%;
		margin: 0 0 15px 0!important;
	}

	.sb-search {
		position: relative;
		margin: 0 15px 0 0;
	}
	.sb-search-input {
		width: 88%;
	}

	.attachment-images li {
		width: 33.333%;
	}

	.article h1 {
		font-size: 34px;
	}
	.bgSubpageTop {
		padding: 40px 30px;
		top: 0;
	}
	.article .helpSmall {
		top: 125px;
	}
	.article .bgSubpageTop h1 {
		width: 100%;
	}
	.article h2 {
		font-size: 28px
	}
	.article h4 {
		font-size: 22px;
	}
	.article h5,
	.article h6 {
		font-size: 20px;
	}
	.colArticle,
	.article .wysiwyg {
		width: 100%;
		padding: 0 30px;
		float: none;
	}
	.article .wysiwyg {
		margin: 0;
		padding: 30px;
	}
	.colArticle .panelAsk {
		float: none;
	}

	.goup {
		right: 10px;
		bottom: 10px;
	}

	.helpSmall {
		padding: 10px;
	}
	.helpLarge,
	.helpSmall .imgHelp {
		display: none;
	}
	.helpSmall span {
		margin: 0;
	}
	.helpSmall .arrow {
		margin: 5px 0 0 15px;
	}

	.products .boxes {
		margin-bottom: 0;
	}
	.products .box {
   		width: 50%;
		margin: 0 auto 60px!important;
	}

	.services ol {
		padding: 0;
	}
	.services ol li {
		width: 100%;
		padding: 0 0 0 60px;
	}

	.footer .footerHeader {
		height: auto;
	}
	.footer .footerHeader .colMiddle {
		margin: 0 0 30px 0;
		width: 100%;
	}
	.footer .footerHeader .menuFooter {
		width: 30%;
		margin-left: 4.5%;
	}
	.helpSmall {
		display: none;
	}
	.footer .footerHeader .colRight {
		width: 100%;
	}
	.footer .social {
		text-align: center;
	}

	.cms-form-container .submit,
	.g-recaptcha > div {
		float: none;
	}

	.formSubpage {
		float: none;
		margin: 30px 0;
		width: 100%;
	}
	.formSubpage .cms-form-block {
		display: table;
		margin: 0 auto;
	}
	.formSubpage .cms-form-block h2 {
		text-align: center;
	}
	.formSubpage .cms-form-container .submit {
		justify-content: center;
	}

	.sliderMiddle {
		text-align: center;
		width: 84%;
    	margin: 0 auto;
	}
	.sp-image-container:before {
		/*background: rgba(255,255,255,0.7);*/
	}

	.contact {
    	padding: 30px;
	}
	.contact .colRight .contentInfo {
    	margin: 0 0 10px 20%; 
	}
	
	.table-responsive {
		overflow-x: auto;
		width: 100%;
	}
	.table-responsive table {
		width: auto;
		max-width: 100%;
	}

}


@media only screen and (max-width: 767px) , only screen and (max-device-width: 767px) {

	.blueimp-gallery > .indicator {
		display: none;
	}

	.contact .colLeft,
	.contact .colRight,
	.cms-form-container,
	.products p.text-main,
	.cms-form-container,
	.article .wysiwyg,
	.article .wysiwyg iframe {
		width: 100%;
	}
	
	#sliderMain {
		height: 400px;
	}

	.contact form .submit,
	.contact .colLeft,
	.contact .colRight {
		float: none;
	}

	.attachment-images li {
		width: 50%;
	}

	ul.article-list li p {
		padding: 0 15px;
	}

	ul.breadcrumb {
		background-image: none;
		width: 100%;
		padding: 15px 0;
	}
	ul.breadcrumb li,
	ul.breadcrumb li a {
		font-size: 16px;
	}


	.sliderMiddle {
		height: 400px;
		width: 92%;
	}
	#sliderMain .sp-layer h2 {
		font-size: 30px;
	}
	#sliderMain .sp-layer span {
		font-size: 20px;
		line-height: 30px;
	}
	.buttonLarge {
		height: 48px;
		line-height: 48px;
		font-size: 16px;
	}

	.g-recaptcha,
	.cms-form-container .submit {
		float: none;
	}
	.g-recaptcha {
		width: 243px;
		margin: 0 auto;
	}
	.g-recaptcha > div {
		margin: 0 auto;
	}
	.cms-form-container .submit {
		margin: 0 auto;
	}
	.cms-form-container .submit {
		margin: 0 auto;
		float: right;
	}

	.footer .footerHeader .menuFooter:first-of-type,
	.footer .footerHeader .menuFooter {
		width: 100%;
		margin: 0 0 30px 0;
	}
	.footer .footerHeader .menuFooter:last-of-type {
		margin: 0;
	}


	.formSubpage {
		text-align: center;
	}

	.contact .colLeft {
		margin: 0 auto 60px;
	}
	.contact .colRight .contentInfo {
		margin: 0 0 10px 0;
	}
	
	.cms-form-container .input {
		width: 100%;
		float: none;
	}
	.article .wysiwyg .img-row {
		flex-wrap: wrap;
	}
	.article .wysiwyg .img-row table {
		min-width: 500px;
	}

}


@media only screen and (max-width: 660px) , only screen and (max-device-width: 660px) {

	.article .helpSmall {
		display: none;
	}
	.bgSubpageTop h1 {
		margin: 0 0 20px 0;
	}

	.footer .footerHeader .colLeft {
		margin: 0 0 30px 0;
	}
	.footer .footerHeader {
		height: auto;
	}
	.footer .footerHeader .colLeft,
	.footer .footerHeader .colMiddle {
		float: none;
	}
	.footer .footerHeader .menuLeft,
	.footer .footerHeader .menuRight {
		float: none;
		display: table;
	}
	.footer .footerHeader .menuLeft {
		margin-bottom: 30px;
	}
	.footer .footerHeader .menuRight {
		margin: 0;
		width: auto;
	}

	.products .box {
		width: 100%;
	}

}


@media only screen and (max-width: 520px) , only screen and (max-device-width: 520px) {

	.panelAsk .menuRight .menu li a,
	.products .box,
	.buttonAsk,
	.panelAsk {
		width: 100%;
	}
	.panelAsk .header .employee {
		width: 240px;
	}
	.panelAsk .info-text {
		padding: 0 30px;
	}
	.panelAsk .header h2,
	.panelAsk .header span,
	.panelAsk .header a,
	.panelAsk .header h3,
	.panelAsk .header span {
		text-align: center;
	}
	.panelAsk .header a {
		margin: 0 auto;
	}
	.buttonHouse {
		padding: 35px 0 0 45%;
	}
	.buttonSecurity,
	.buttonSuitcase {
		padding: 20px 0 0 45%;
	}

	.article .wysiwyg,
	.article .wysiwyg p {
		text-align: left;
	}
	.sidekick-panel {
		width: 100%;
		right: -100%;
	}

}


@media only screen and (max-width: 400px) , only screen and (max-device-width: 400px) {

	.article .wysiwyg iframe {
		height: 250px;
	}
	.attachment-images li {
		width: 100%;
	}

	#sliderMain .button {
		font-size: 13px;
	}
	.buttonAsk br,
	#sliderMain .button i {
		display: none;
	}

	.footer .footerBottom {
		padding: 20px 0;
	}
	.footer .footerBottom .copyRight,
	.footer .footerBottom .footerLogo {
		height: auto;
		float: none;
		margin: 0 auto;
	}
	.footer .footerBottom .copyRight {
		margin: 0 auto 10px;
	}

	.buttonAsk {
		text-align: center;
		height: 44px;
		line-height: 44px;
		font-size: 18px;
	}
	.buttonAsk:before {
		content: none;
	}
	.buttonHouse,
	.buttonSecurity,
	.buttonSuitcase {
		padding: 0;
	}

	.products .box {
		padding: 0;
	}

	.panelAsk .header .employee {
		width: 220px;
	}
	.panelAsk .header h2,
	.panelAsk .info-text {
    	padding: 0 10px;
	}
	.panelAsk .menuRight .menu li a {
		padding: 0 10px;
		height: 60px;
		line-height: 60px;
		font-size: 18px;
	}

}



