@media screen and (min-width:1000px) {



         /*---------- CAT BOX --*/

            a:link.catbx, a:visited.catbx { width:33.3333333333%; }

            a:link.nsumbx, a:visited.nsumbx { display:flex; }

            .nspicbx { padding:0; width:50%; }
            .nsumtx {  padding:120px; width:50%; }
 
     
			.logo { display:block; width:220px; }
			 			 

/*---------- NEWS BOX --*/

                a:link.newsbx, a:visited.newsbx { width:25%; }
      



            }



    @media screen and (min-width:800px) {

        .srcico {
            position: absolute;
            right:10px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            top: 50%;
            padding: 2px 0 0 0;
        }

        .fa-search {
            font-size: 1.2em;
            padding: 2px 0 0 0;
        }
 

        .menuico { display:none; }


        nav { display: block;
              position: absolute;
              right: 45px;
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              top: 50%;
            }



            nav a:link, nav a:visited {
                display: inline-block;
                text-decoration: none;
                padding: 0;
                margin: 0 0 0 20px;
                font-size: 0.9em;
                line-height: normal;
                color: #444;
                background: none;
                border: none;
                position: relative;
            }

            nav a:hover, nav a:active {
                text-decoration: none;
                color: #648b9a;
                border: none;
            }

            nav a::before {
                bottom: -10px;
                content: "";
                display: block;
                height: 1px;
                left: 50%;
                position: absolute;
                background: #648b9a;Driffield
                transition: width 0.3s ease 0s, left 0.3s ease 0s;
                width: 0;
            }

        a:hover::before {
            width: 80%;
            left: 10%;
        }



		.container { width:100%; max-width: 1366px; margin:0 auto; padding:20px 30px; line-height:normal; }
        .containerhp { width:100%; max-width: 1366px; margin:0 auto; padding:10px 30px; line-height:normal; }

		.containerdp { width:100%; max-width: 1366px; margin:0 auto; padding:60px 30px; line-height:normal; }
 

				.panlft { display:inline-block; width:50%; vertical-align:top; }
				.panrt { display:inline-block; width:50%; vertical-align:top; margin:0; padding:0 0 0 20px; }


            }





    @media screen and (min-width:700px) {

         


                .cathds { left:25px; right:25px; bottom:20px; font-size:1em; letter-spacing:1px; font-weight:bold; }

				    a.prodbx { display:inline-block; width:23%; margin:1%; }


            .ftlnks {
                display: inline-block;
                width: 25%;
                vertical-align: top;
                padding: 0 10px;
            }

                .ftlnks a:link, .ftlnks a:visited {
                    display: block;
                    text-decoration: none;
                    padding: 7px 0 3px 0;
                    margin: 10px 0;
                    line-height: normal;
                }

                .ftlnks a:hover, .ftlnks a:active {
                    display: block;
                    text-decoration: none;

                }


		    .infbar { display:inline-block; width:25%; }
		    .infpg { display:inline-block; width:75%; padding:0 0 0 30px; }


            .jointx { display:inline-block; width:50%; text-align:right; }
            .joinbx { display:inline-block; width:38%; }


			.blft30 { width:30%; display:inline-block; vertical-align:top; }
			.brgt70 { width:70%; display:inline-block; vertical-align:top; padding:3px 0 0 20px; }




            /*---------- IMG --*/

            .imr1 { float:right; padding:10px 0 20px 20px; width:10%; height:auto; }
            .imr2 { float:right; padding:10px 0 20px 20px; width:20%; height:auto; }
            .imr3 { float:right; padding:10px 0 20px 20px; width:30%; height:auto; }
            .imr4 { float:right; padding:10px 0 20px 20px; width:40%; height:auto; }
            .imr5 { float:right; padding:10px 0 20px 20px; width:50%; height:auto; }
 

            .iml1 { float:left; padding:10px 20px 20px 0; width:10%; height:auto; }
            .iml2 { float:left; padding:10px 20px 20px 0; width:20%; height:auto; }
            .iml3 { float:left; padding:10px 20px 20px 0; width:30%; height:auto; }
            .iml4 { float:left; padding:10px 20px 20px 0; width:40%; height:auto; }
            .iml5 { float:left; padding:10px 20px 20px 0; width:50%; height:auto; }
 

            .imc1 { float:none; padding:10px 0; margin:0 auto; width:60%; height:auto; }
            .imc2 { float:none; padding:10px 0; margin:0 auto; width:70%; height:auto; }
            .imc3 { float:none; padding:10px 0; margin:0 auto; width:80%; height:auto; }
            .imc4 { float:none; padding:10px 0; margin:0 auto; width:90%; height:auto; }
 

            .imfull { width:100%; height:auto; padding:10px 0; }
        

  
            }