/*MID SCREEN*/
@media screen and (max-width: 992px)  {
	/*body, html  { background-color:#4caf50; }*/
	h2	{ font-size: 24px; }

	#lang_image { max-height:24px; }
	#mTitle 	{ font-size: 20px; }
	#sTitle 	{ font-size: 14px; }
	.menuBar 	{ font-size: 14px; }

	.aboutSection {
		font-size: 18px !important;
		margin-left: 2%;
		margin-right: 2%;
	}
	.aboutContainer { 
	    padding-top: 30px;
	    margin-left: 0%;
	    margin-right: 0%;
	}

	#about {
		padding-top:32px;
		padding-bottom: 48px;
	}

	.about-title {
		font-size: 22px;
		font-weight: bold;
		margin-bottom: 20px;
		color: #002a4a;
		text-transform: uppercase;
	}
	
	.about-text {
		font-size: 14px;
		line-height: 1.8;
		color: #444;
			text-align: justify;
	}

	#about_btn {
		font-size: 16px;
		margin-top: 20px;
	}

	#products_btn {
		font-size: 16px;
		margin-top: 20px;
	}

	ul.grid 	  { margin: 0% !important;}
	ul.grid li h4 { font-size: 16px !important; }
	ul.grid li p  {	font-size: 12px !important; }
	.itemResponsive { width: 30.83% !important; }
	.indexItemSize { max-width: 180px !important; }

	div.tab { margin-left: 4% !important;	margin-right: 4% !important; }
	.tabcontent { margin-left: 4% !important;	margin-right: 4% !important; }
	.vtab { width: 40%; margin-left: 0%; height: 520px;}
	.vtab button { font-size: 14px;}
	.vtabcontent { width: 60%; margin-right: 0%; font-size: 14px; height: 520px;}
	.productWidth { width: 55%; }

	/*GALLERY*/

    .mySlides { width: 35%; }
    .demo { width: 90% !important; }
    .imageSize { width: 260px !important; }
    #galleryTitle { font-size: 22px; }
    #gallerySubtitle {
      font-size: 17px;
      padding: 8px;
      margin-left: 6%;
      margin-right: 6%;
    }
    /* OVERLAY */
    .overlay-content { top: 15%; }
	.overlay a { padding: 8px; }
	.overlay .closebtn {
	  top: 20px;
	  right: 45px;
	  font-size: 50px;
	}
    /* OVERLAY END*/
}

/*TABLET*/
@media screen and (max-width: 768px)  {
	/*body, html  { background-color:#ff2000; }*/
	h2	{ font-size: 24px; }

	#lang_image { max-height:24px; }
	#mTitle 	{ font-size: 18px; }
	#sTitle 	{ font-size: 12px;}
	.menuBar 	{ font-size: 12px; }
	.hideMedium { display:none!important }

	.aboutHeader { margin-left: 10%; margin-right: 10%; }
	.aboutHeader h2 { font-size: 20px; }

	.aboutSection {
		font-size: 18px !important;
		margin-left: 2%;
		margin-right: 2%;
	}
	.aboutContainer { 
	    padding-top: 30px;
	    margin-left: 0%;
	    margin-right: 0%;
  }

	#about {
		padding-top:32px;
		padding-bottom: 48px;
	}

	.about-title {
		font-size: 22px;
		font-weight: bold;
		margin-bottom: 20px;
		color: #002a4a;
		text-transform: uppercase;
	}
	
	.about-text {
		font-size: 14px;
		line-height: 1.8;
		color: #444;
		text-align: justify;
	}

	#about_btn {
		font-size: 16px;
		margin-top: 20px;
	}

	#products_btn {
		font-size: 16px;
		margin-top: 20px;
	}

	ul.grid 	  { margin: 0% !important;}
	ul.grid li h3 { font-size: 18px !important; }
	ul.grid li h4 { font-size: 18px !important; }
	ul.grid li p  {	font-size: 14px !important; }
	.itemResponsive { width: 47.5% !important; }
	.indexItemSize { max-width: 160px !important; }
	.alert { font-size: 12px; }
	.vtab { height: 520px;}
	.vtab button { font-size: 12px;}
	.vtabcontent { font-size: 12px; height: 520px;}
	.productWidth { width: 60%; }

	.mySlides { width: 45%; }
    .demo { width: 90% !important; }
    .imageSize { width: 200px !important; }
    #galleryTitle {	font-size: 20px; }
    #gallerySubtitle {
     font-size: 16px;
     padding: 8px;
     margin-left: 6%;
     margin-right: 6%;
    }
    /* OVERLAY */
    .overlay-content { top: 15%; }
    .overlay a { padding: 8px; }
    .overlay .closebtn {
	top: 20px;
	right: 35px;
	font-size: 45px;
    }
    /* OVERLAY END*/
}

/*PHONE : IPHONE 6 y 7 [375] IPHONE 6S [414] LG Optimus G, Nexus4 [384]*/
@media screen and (max-width: 480px)  {
	/*body, html 	{ background-color:#000000; }*/
	.mapSize { height:280px !important;}
	.phoneSmall {font-size: 13px !important;}
	h2 	{ font-size: 18px !important; }
	.faIcon {padding: 5px;}

	#lang_image { max-height:22px; }
	#mTitle 	{ font-size: 18px; }
	#sTitle 	{ font-size: 12px;}

	.aboutHeader { margin-left: 5%; margin-right: 5%; }

	.aboutSection {
		font-size: 18px !important;
		margin-left: 2%;
		margin-right: 2%;
	}
	.aboutContainer { 
	    padding-top: 30px;
	    margin-left: 0%;
	    margin-right: 0%;
	}

	#about {
		padding-top:20px;
		padding-bottom: 32px;
	}

	.about-title {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 20px;
		color: #002a4a;
		text-transform: uppercase;
	}
	
	.about-text {
		font-size: 10px;
		line-height: 1.8;
		color: #444;
		text-align: justify;
	}

	#about_btn {
		font-size: 14px;
		margin-top: 20px;
	}

	#products_btn {
		font-size: 14px;
		margin-top: 20px;
	}

	ul.grid 	  { margin: 0% !important;}
	ul.grid li h3 { font-size: 16px !important; }
	ul.grid li h4 { font-size: 14px !important; }
	ul.grid li p  {	font-size: 12px !important; }
	.itemResponsive { width: 47.5% !important; }
	.indexItemSize { max-width: 130px !important; }
	.vtab { height: 510px;}
	.vtab button { font-size: 11px; padding: 2px 2px}
	.vtabcontent { font-size: 11px; height: 510px;}
	.productWidth { width: 75%; }

    div.tab { margin-left: 5% !important;	margin-right: 5% !important; }
    .tabcontent { margin-left: 5% !important;	margin-right: 5% !important; }

    .mySlides { width: 50%; }
    .demo { width: 97% !important; }
    .imageSize { width: 180px !important; }
    #galleryTitle { font-size: 16px; }
    #gallerySubtitle {
     font-size: 14px;
     padding: 4px;
     margin-left: 4%;
     margin-right: 4%;
    }
    /* OVERLAY */
    .overlay-content { top: 10%; }
    .overlay a { padding: 6px; }
    .overlay .closebtn {
	  top: 15px;
	  right: 25px;
	  font-size: 40px;
    }
    /* OVERLAY END*/

    .tableDesc{ font-size: 10px	}
    .tableProduct{ font-size: 12px }
	
    .navgrid {
	  top: 90px !important;
    }
}

/*PHONE : LG G5, Samsung S3-S7, Samsung Note 2-4, HTC ONE, Sony Xperia [360]*/
@media screen and (max-width: 370px)  {
	/*body, html 	{ background-color:#00ffff; }*/
	.phoneSmall {font-size: 11px !important;}

	#lang_image { max-height:21px; }
	#mTitle 	{ font-size: 16px; }
	#sTitle 	{ font-size: 12px; }

	.aboutHeader { margin-left: 2%; margin-right: 2%; }
	.aboutHeader h2 { font-size: 16px !important; }

	.aboutSection {
		font-size: 18px !important;
		margin-left: 1%;
		margin-right: 1%;
	}
	.aboutContainer { 
	    padding-top: 30px;
	    margin-left: 0%;
	    margin-right: 0%;
	}

	#about {
		padding-top:20px;
		padding-bottom: 32px;
	}

	.about-title {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 20px;
		color: #002a4a;
		text-transform: uppercase;
	}
	
	.about-text {
		font-size: 10px;
		line-height: 1.8;
		color: #444;
		text-align: justify;
	}

	#about_btn {
		font-size: 14px;
		margin-top: 20px;
	}

	#products_btn {
		font-size: 14px;
		margin-top: 20px;
	}

	ul.grid 	  { margin: 0% !important;}
	ul.grid li h3 { font-size: 14px !important; }
	ul.grid li h4 { font-size: 13px !important; }
	ul.grid li p  {	font-size: 10px !important; }
	.itemResponsive { width: 47.5% !important; }
	.vtab { height: 480px;}
	.vtab button { font-size: 10px; padding: 2px 2px}
	.vtabcontent { font-size: 10px; height: 480px;}
	.productWidth { width: 90%; }

	#data { font-size: 10px;}
	#dataMail { font-size: 14px; }
	#dataPhone { font-size: 14px; }
	.alert { font-size: 10px; }

	.g-recaptcha {transform:scale(0.75);-webkit-transform:scale(0.75);transform-origin:0 0;-webkit-transform-origin:0 0;}

	div.tab { margin-left: 2% !important;	margin-right: 2% !important; }
	.tabcontent { margin-left: 2% !important;	margin-right: 2% !important; }

    .imageSize { width: 160px !important; }
    #galleryTitle { font-size: 14px; }
    #gallerySubtitle {
     font-size: 12px;
     padding: 4px;
     margin-left: 3%;
     margin-right: 3%;
    }
    /* OVERLAY */
    .overlay-content { top: 10%; }
    .overlay a { padding: 6px; }
    .overlay .closebtn {
	  top: 15px;
	  right: 25px;
	  font-size: 40px;
    }
    /* OVERLAY END*/

    .tableDesc{ font-size: 9px	}
    .tableProduct{ font-size: 11px }
}

/*PHONE : Ipod, Iphone 3-5, Samsung Galaxy S - S3, Microsoft Lumia 620 - 1020, HTC 8X, ZTE Open [320]*/
@media screen and (max-width: 325px)  {
	/*body, html 	{ background-color:#ff00ff; }*/
	.phoneSmall {font-size: 9px !important;}
	h2 	{ font-size: 16px !important; }

	ul.grid { margin: 0; padding: 0;}
	ul.grid li {
		width: 75% !important; /* over-ride all li styles */
		margin: 0 0 20px;
	}
	ul.grid li h3 { font-size: 18px !important; }
	ul.grid li h4 { font-size: 18px !important; }
	ul.grid li p  {	font-size: 14px !important; }

	#data { font-size: 11px;}
	#dataMail { font-size: 13px; }
	#dataPhone { font-size: 13px; }
	.vtab { height: 485px;}
	.vtab button { font-size: 10px; padding: 1px 2px}
	.vtabcontent { font-size: 9px; height: 485px;}
	.productWidth { width: 80%; }
}