@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: #0e76bc 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: #0e76bc; 
			       } 

                            .GrayBar {
                                    width:100%;
                                    background-color: #f8f8f8;
                                   border: #0e76bc 0px solid;
                                    background-color: #f8f8f8;
                                    min-height: 320px;
                                    text-align: center;
                                    padding-top: 30px;
                                    padding-bottom: 40px;
                                    font-family: arial, Georgia, Serif;
                                    font-size: 24px;
                                    color: #5ca8de;
                                     
                              }

                           .EQMTbuckets{
				 width: 33%;
				 border: 0px #cccccc solid;
				 text-align: center;
				 float: left;
				}

                              .EQMTbucketLinks{
				     font-family: arial, Georgia, Serif;
                                     font-size: 18px;
                                     color: #5ca8de;
                                    font-weight: bold;
				}
				
                          .PCATbucket1{
				 width: 48%;
                                 height: 210px;
				 border: 0px #000 solid;
				 text-align: center;
                                 margin-right: 5px;
				 float: left;
                                 border: #0e76bc 1px solid;
                                 border-radius: 25px;
                                 background-image: url("/images/FR-B1.jpg");
                                 padding-top: 5px;
                                 margin-bottom: 25px;
				}

                               .PCATbucket2{
				width: 48%;
                                 height: 210px;
				 border: 0px #000 solid;
				 text-align: center;
                                 margin-right: 5px;
				 float: left;
                                 border: #0e76bc 1px solid;
                                 border-radius: 25px;
                                 background-image: url("/images/FR-B2.jpg");
                                 padding-top: 5px;
                                 margin-bottom: 25px;
				}

                                .PCATbucket3{
				width: 48%;
                                 height: 210px;
				 border: 0px #000 solid;
				 text-align: center;
                                 margin-right: 5px;
				 float: left;
                                 border: #0e76bc 1px solid;
                                 border-radius: 25px;
                                 background-image: url("/images/FR-B3.jpg");
                                 padding-top: 5px;
                                 margin-bottom: 25px;
				}

                                .PCATbucket4{
				 width: 48%;
                                 height: 210px;
				 border: 0px #000 solid;
				 text-align: center;
                                 margin-right: 5px;
				 float: left;
                                 border: #0e76bc 1px solid;
                                 border-radius: 25px;
                                 background-image: url("/images/FR-B4.jpg");
                                 padding-top: 5px;
                                margin-bottom: 25px;
				}

                                 .PCATbucket5{
				width: 48%;
                                 height: 210px;
				 border: 0px #000 solid;
				 text-align: center;
                                 margin-right: 5px;
				 float: left;
                                 border: #0e76bc 1px solid;
                                 border-radius: 25px;
                                 background-image: url("/images/FR-B5.jpg");
                                 padding-top: 5px;
                                margin-bottom: 25px;
				}
                              
                              .PCATbucketLink{
				  font-family: arial, Georgia, Serif;
                                  font-size: 15px;
                                  color: #fff;
                                  font-weight: bold;
				}


			 }

			@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: #0e76bc 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: #0e76bc; 
			       } 

                               .GrayBar {
                                    width:1140px;
                                    border: #0e76bc 0px solid;
                                    background-color: #f8f8f8;
                                    min-height: 320px;
                                    text-align: center;
                                    padding-top: 30px;
                                    padding-bottom: 40px;
                                    font-family: arial, Georgia, Serif;
                                    font-size: 24px;
                                    color: #5ca8de;
                              }

                                .EQMTbuckets{
				 width: 160px;
				 border: 0px #000 solid;
				 text-align: center;
				 float: left;
                              
				}

                            .EQMTbucketLinks{
				     font-family: arial, Georgia, Serif;
                                     font-size: 18px;
                                     color: #5ca8de;
                                    font-weight: bold;
				}
				
                          .PCATbucket1{
				 width: 210px;
                                 height: 210px;
				 border: 0px #000 solid;
				 text-align: center;
                                 margin-right: 20px;
				 float: left;
                                 border: #0e76bc 1px solid;
                                 border-radius: 25px;
                                 background-image: url("/images/FR-B1.jpg");
                                 padding-top: 5px;
				}

                               .PCATbucket2{
				 width: 210px;
                                 height: 210px;
				 border: 0px #000 solid;
				 text-align: center;
                                 margin-right: 20px;
				 float: left;
                                 border: #0e76bc 1px solid;
                                 border-radius: 25px;
                                 background-image: url("/images/FR-B2.jpg");
                                 padding-top: 5px;
				}

                                .PCATbucket3{
				 width: 210px;
                                 height: 210px;
				 border: 0px #000 solid;
				 text-align: center;
                                 margin-right: 20px;
				 float: left;
                                 border: #0e76bc 1px solid;
                                 border-radius: 25px;
                                 background-image: url("/images/FR-B3.jpg");
                                 padding-top: 5px;
				}

                                .PCATbucket4{
				 width: 210px;
                                 height: 210px;
				 border: 0px #000 solid;
				 text-align: center;
                                 margin-right: 20px;
				 float: left;
                                 border: #0e76bc 1px solid;
                                 border-radius: 25px;
                                 background-image: url("/images/FR-B4.jpg");
                                 padding-top: 5px;
				}

                                 .PCATbucket5{
				 width: 210px;
                                 height: 210px;
				 border: 0px #000 solid;
				 text-align: center;
                                 margin-right: 0px;
				 float: left;
                                 border: #0e76bc 1px solid;
                                 border-radius: 25px;
                                 background-image: url("/images/FR-B5.jpg");
                                 padding-top: 5px;
				}
                              
                              .PCATbucketLink{
				  font-family: arial, Georgia, Serif;
                                  font-size: 15px;
                                  color: #fff;
                                  font-weight: bold;
				}

			 }