@media only screen 
			and (min-device-width : 320px) 
			and (max-device-width : 480px) {

				/* Smartphones (portrait and landscape) ----------- */
			       				
				.ShowMenu{
				 width: 60%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 text-align: center;
				 float: left;
				}

                               .ViewAsMenu{
				 display: none; 
				}


                               .productBucket{
				 width: 47%;
				 margin: 5px 5px 5px 1px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 text-align: center;
				 float: left;
				}
                                 .ContentBucket{
				 width: 95%;
				 margin: 5px 5px 5px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 text-align: center;
				 float: left;
				}
  
                               .CatDrop {
                                    width:98%;
                                    background-color: #f9f9f9;
				    border: #176db0 1px solid;
				    color:#000;
				    font-weight:normal;
				    font-family: arial;
				    font-size:15px;
				    height: 40px;
				    border-radius: 15px; 
                                 }

                                .ShowDeskHideMobile{
				 display: none; 
				}

                               .ShowMobileHIdeDesk{
				 display: initial; 
				}

                              .topIconFont {
                                   color: #63666b;
                                   font-size: 20px;
			       }
                      
                               .linkLineHeight{
                                   line-height: 35px;
                                   font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
			           font-size: 16px;
		                   color: #176db0; 
			       } 


			 }

			@media only screen 
			and (min-device-width : 768px) 
			and (min-width : 768px) {

			   /* Desktops and laptops ----------- */

				.ShowMenu{
				 width: 60%;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 text-align: center;
				 float: left;
				}

                             .ViewAsMenu{
				 width: 38%;
                                 text-align: right;
				 margin: 5px 5px 15px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 text-align: center;
				 float: right;
				}

                                 .productBucket{
				 width: 24%;
				 margin: 5px 5px 5px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 text-align: center;
				 float: left;
				}
                                 .ContentBucket{
				 width: 90%;
				 margin: 5px 5px 5px 5px; /* top right bottom left */
				 border: 0px #cccccc solid;
				 text-align: center;
				 float: left;
				}

                                 .CatDrop {
                                    width:380px;
                                    background-color: #f9f9f9;
				    border: #176db0 1px solid;
				    color:#000;
				    font-weight:normal;
				    font-family: arial;
				    font-size:15px;
				    height: 40px;
				    border-radius: 15px; 
                                 }

                                .ShowDeskHideMobile{
				 display: initial; 
				}

                                .ShowMobileHIdeDesk{
				 display: none; 
				}

                                 .topIconFont {
                                   color: #63666b;
                                   font-size: 20px;
			       }

                                .linkLineHeight{
                                   line-height: 25px;
                                   font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
			           font-size: 16px;
		                   color: #176db0; 
			       } 
				

			 }