/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
p.subtitle2{
	font-size: 13pt !important;
	}  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  

  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media screen and (max-width: 1024px) {
  .nav ul.hmenu li a { padding: 0px 6px !important;}
	.header .logo img { width: 131px; }
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media screen and (max-width: 768px) {
  
 .header {      top: 34px;   position: fixed !important;     padding: 0px 10px !important;     height: 110px; -webkit-transition: width 2s; /* Safari */
  transition: width 2s;}
	.main {  width: 100% !important;}
	.top-footer { padding: 5%; }
	.our-team-buttons .item {
    		max-width: 100% !important;}
a.button, .button, input.button, button.button {
    padding: 6px 13px !important;
	letter-spacing: 0px!important;
}
	.btn-resp {
		display: block !important;
	}

	.nav::-webkit-scrollbar-track {
		background-color: #1f232c;
	}

	.nav::-webkit-scrollbar {
		background-color: rgba(0,0,0,0.5);
		width: 7px;
	}

	.nav::-webkit-scrollbar-thumb {
		border-radius: 100px;
		background-color: rgba(0,0,0,0.5);
	}
	.nav {
		background-color: var(--white);
		align-items: flex-start;
		height: -webkit-calc(100% - 156px);
		height: -moz-calc(100% - 156px);
		height: calc(100% - 156px);
		overflow-y: auto;
		    position: fixed !important;
		right: -400px;
		    top: 110px;
		width: 400px;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	    .header.sticky .nav {
    		height: -webkit-calc(100% - 81px);
    		height: -moz-calc(100% - 81px);
    		height: calc(100% - 81px);
    		top: 81px;
			   -webkit-transition: width 2s; /* Safari */
  transition: width 2s;
	    }
		.nav.active {
			right: 0px;
		}
			.nav .hmenu {
				flex-direction: column !important;
				justify-content: flex-start !important;
				width: 100%;
			}
				.nav .hmenu li a i {
					display: block;
					position: absolute;
					right: 15px;
					top: 14px;
				}
					.nav .hmenu li li a i {
						top: 12px;
						-webkit-transform: rotate(0deg);
						-ms-transform: rotate(0deg);
						-o-transform: rotate(0deg);
						transform: rotate(0deg);
					}
				.nav .hmenu > li > a,
				.nav .hmenu > li > a:not([href]):not([tabindex]) {
					color: var(--gray);
                    height: 50px !important;
                    line-height: 50px !important;
                    width: 100%;
				}

				.nav .hmenu li ul, .nav .hmenu li ul ul {
					display: none;
					left: 0px !important;
					margin-top: 0px !important;
					opacity: 1;
					position: relative !important;
					top: 0px !important;
					visibility: visible;
					max-width: 100%;
					min-width: 0%;
					-webkit-transition: none !important;
					-o-transition: none !important;
					transition: none !important;
				}
					.nav .hmenu li ul {
						background-color: #171d28;
					}
						.nav .hmenu li ul > li:hover > a,
						.nav .hmenu li ul > li:active > a {
							color: #fff;
						}
							.nav .hmenu li li li a {
								padding-left: 30px;
							}
				
	.ir-buttons .item {
		width: -webkit-calc(50% - 20px) !important;
		width: -moz-calc(50% - 20px) !important;
		width: -ms-calc(50% - 20px) !important;
		width: calc(50% - 20px) !important;
	}
	
	.top-bar {
		justify-content: center !important;
		padding: 0px !important;
		   /* position: absolute;*/
    z-index: 999999999;
	}
		.top-bar .item.social {
		/*	display: none;*/
		}
		.top-bar .subitem.number a {
			font-weight: 700;
			font-size: 12px;
			padding: 0px 5px;
		}
		
	.header .logo img {
	    height: 80px !important;
	}
	
	.nav {
	    left: 100%;
	    height: -webkit-calc(100% - 131px);
		height: -moz-calc(100% - 131px);
		height: calc(100% - 131px);
		top: 260px;
    width: 80%;
    z-index: 9;
	}
	    .nav.active {
	        left: 20%;
	    }
	
	#mega-menu-wrap-main-menu {
		width: 100%;
	}
	
	.marcas-productos .wpb_column.vc_col-sm-2 {
		width: 20%;
		float: none !important;
	}
  
  ul#menu-informacion-barra-superior {
    display: block !important;
    text-align: center !important;}
	.top-bar .top-menu a {line-height: 25px !important;}
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  ul#menu-informacion-barra-superior {    display: block !important;    text-align: center !important;}
	.top-bar .top-menu a {line-height: 25px !important;}
	.header {     position: fixed !important;     padding: 0px 10px !important;     height: 110px; -webkit-transition: width 2s; /* Safari */
  transition: width 2s;}
	.main {  width: 100% !important;}
	.top-footer { padding: 5%; }
	.our-team-buttons .item {
    		max-width: 100% !important;}
a.button, .button, input.button, button.button {
    padding: 6px 13px !important;
	letter-spacing: 0px!important;
}
	.btn-resp {
		display: block !important;
	}

	.nav::-webkit-scrollbar-track {
		background-color: #1f232c;
	}

	.nav::-webkit-scrollbar {
		background-color: rgba(0,0,0,0.5);
		width: 7px;
	}

	.nav::-webkit-scrollbar-thumb {
		border-radius: 100px;
		background-color: rgba(0,0,0,0.5);
	}
	.nav {
		background-color: var(--white);
		align-items: flex-start;
		height: -webkit-calc(100% - 156px);
		height: -moz-calc(100% - 156px);
		height: calc(100% - 156px);
		overflow-y: auto;
		    position: fixed !important;
		right: -400px;
		top: 156px;
		width: 400px;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	    .header.sticky .nav {
    		height: -webkit-calc(100% - 81px);
    		height: -moz-calc(100% - 81px);
    		height: calc(100% - 81px);
    		top: 81px;
			   -webkit-transition: width 2s; /* Safari */
  transition: width 2s;
	    }
		.nav.active {
			right: 0px;
		}
			.nav .hmenu {
				flex-direction: column !important;
				justify-content: flex-start !important;
				width: 100%;
			}
				.nav .hmenu li a i {
					display: block;
					position: absolute;
					right: 15px;
					top: 14px;
				}
					.nav .hmenu li li a i {
						top: 12px;
						-webkit-transform: rotate(0deg);
						-ms-transform: rotate(0deg);
						-o-transform: rotate(0deg);
						transform: rotate(0deg);
					}
				.nav .hmenu > li > a,
				.nav .hmenu > li > a:not([href]):not([tabindex]) {
					color: var(--gray);
                    height: 50px !important;
                    line-height: 50px !important;
                    width: 100%;
				}

				.nav .hmenu li ul, .nav .hmenu li ul ul {
					display: none;
					left: 0px !important;
					margin-top: 0px !important;
					opacity: 1;
					position: relative !important;
					top: 0px !important;
					visibility: visible;
					max-width: 100%;
					min-width: 0%;
					-webkit-transition: none !important;
					-o-transition: none !important;
					transition: none !important;
				}
					.nav .hmenu li ul {
						background-color: #171d28;
					}
						.nav .hmenu li ul > li:hover > a,
						.nav .hmenu li ul > li:active > a {
							color: #fff;
						}
							.nav .hmenu li li li a {
								padding-left: 30px;
							}
				
	.ir-buttons .item {
		width: -webkit-calc(50% - 20px) !important;
		width: -moz-calc(50% - 20px) !important;
		width: -ms-calc(50% - 20px) !important;
		width: calc(50% - 20px) !important;
	}
	
	.top-bar {
		justify-content: center !important;
		padding: 0px !important;
	}
		.top-bar .item.social {
			display: none;
		}
		.top-bar .subitem.number a {
			font-weight: 700;
			font-size: 12px;
			padding: 0px 5px;
		}
		
	.header .logo img {
	    height: 80px !important;
	}
	
	.nav {
	    left: 100%;
	    height: -webkit-calc(100% - 131px);
		height: -moz-calc(100% - 131px);
		height: calc(100% - 131px);
		top: 260px;
    width: 80%;
    z-index: 9;
	}
	    .nav.active {
	        left: 20%;
	    }
	
	#mega-menu-wrap-main-menu {
		width: 100%;
	}
	
	.marcas-productos .wpb_column.vc_col-sm-2 {
		width: 20%;
		float: none !important;
	}
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
	.top-bar .top-menu a {line-height: 25px !important;}
	  ul#menu-informacion-barra-superior {    display: block !important;    text-align: center !important; }
 .header {     position: inherit !important;     padding: 0px 10px !important;     height: 110px; -webkit-transition: width 2s; /* Safari */
  transition: width 2s;}
	.main {  width: 100% !important;}
	.top-footer { padding: 5%; }
	.our-team-buttons .item {
    		max-width: 100% !important;}
a.button, .button, input.button, button.button {
    padding: 6px 13px !important;
	letter-spacing: 0px!important;
}
	.btn-resp {
		display: block !important;
	}

	.nav::-webkit-scrollbar-track {
		background-color: #1f232c;
	}

	.nav::-webkit-scrollbar {
		background-color: rgba(0,0,0,0.5);
		width: 7px;
	}

	.nav::-webkit-scrollbar-thumb {
		border-radius: 100px;
		background-color: rgba(0,0,0,0.5);
	}
	.nav {
		background-color: var(--white);
		align-items: flex-start;
		height: -webkit-calc(100% - 156px);
		height: -moz-calc(100% - 156px);
		height: calc(100% - 156px);
		overflow-y: auto;
		    position: fixed !important;
		right: -400px;
		top: 156px;
		width: 400px;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	    .header.sticky .nav {
    		height: -webkit-calc(100% - 81px);
    		height: -moz-calc(100% - 81px);
    		height: calc(100% - 81px);
    		top: 81px;
			   -webkit-transition: width 2s; /* Safari */
  transition: width 2s;
	    }
		.nav.active {
			right: 0px;
		}
			.nav .hmenu {
				flex-direction: column !important;
				justify-content: flex-start !important;
				width: 100%;
			}
				.nav .hmenu li a i {
					display: block;
					position: absolute;
					right: 15px;
					top: 14px;
				}
					.nav .hmenu li li a i {
						top: 12px;
						-webkit-transform: rotate(0deg);
						-ms-transform: rotate(0deg);
						-o-transform: rotate(0deg);
						transform: rotate(0deg);
					}
				.nav .hmenu > li > a,
				.nav .hmenu > li > a:not([href]):not([tabindex]) {
					color: var(--gray);
                    height: 50px !important;
                    line-height: 50px !important;
                    width: 100%;
				}

				.nav .hmenu li ul, .nav .hmenu li ul ul {
					display: none;
					left: 0px !important;
					margin-top: 0px !important;
					opacity: 1;
					position: relative !important;
					top: 0px !important;
					visibility: visible;
					max-width: 100%;
					min-width: 0%;
					-webkit-transition: none !important;
					-o-transition: none !important;
					transition: none !important;
				}
					.nav .hmenu li ul {
						background-color: #171d28;
					}
						.nav .hmenu li ul > li:hover > a,
						.nav .hmenu li ul > li:active > a {
							color: #fff;
						}
							.nav .hmenu li li li a {
								padding-left: 30px;
							}
				
	.ir-buttons .item {
		width: -webkit-calc(50% - 20px) !important;
		width: -moz-calc(50% - 20px) !important;
		width: -ms-calc(50% - 20px) !important;
		width: calc(50% - 20px) !important;
	}
	
	.top-bar {
		justify-content: center !important;
		padding: 0px !important;
	}
		.top-bar .item.social {
		/*	display: none;*/
		}
		.top-bar .subitem.number a {
			font-weight: 700;
			font-size: 12px;
			padding: 0px 5px;
		}
		
	.header .logo img {
	    height: 80px !important;
	}
	
	.nav {
	    left: 100%;
	    height: -webkit-calc(100% - 131px);
		height: -moz-calc(100% - 131px);
		height: calc(100% - 131px);
		top: 260px;
    width: 80%;
    z-index: 9;
	}
	    .nav.active {
	        left: 20%;
	    }
	
	#mega-menu-wrap-main-menu {
		width: 100%;
	}
	
	.marcas-productos .wpb_column.vc_col-sm-2 {
		width: 20%;
		float: none !important;
	}
}


@media (max-width: 767px) {
 .services-loop > .wpb_column  {
	width: 80%;
}
}