@media only screen and (min-width:1861px){
            .grids-section .row .col  .grid-item .text-wrap {height:20%;}
			.grids-section .row .col  .grid-item{height:410px;}
           .grids-section .row .col  .grid-item div{ height:100%;}
        }
        @media only screen and (min-width:1667px) and (max-width:1860px){
             .grids-section .row .col  .grid-item .text-wrap {height:30%;}
			.grids-section .row .col  .grid-item{height:350px;}
			 .grids-section .row .col  .grid-item div{ height:350px;}
            
        }
        @media only screen and (min-width:1367px) and (max-width:1666px){
             .grids-section .row .col  .grid-item .text-wrap {height:30%;}
			 .grids-section .row .col  .grid-item{height:300px;}
			 .grids-section .row .col  .grid-item div{ height:100%;}
           
        }
         @media only screen and (min-width:1260px) and (max-width:1366px){
			 .grids-section .row .col  .grid-item.text-wrap  {height:30%;}
			.grids-section .row .col .grid-item{height:266px;}     
        }
		@media only screen and (min-width:1000px) and (max-width:1259px){
            .grids-section .row .col  .grid-item .text-wrap {height:30%;}
			.grids-section .row .col .grid-item{height:260px;}  
               .grids-section .row .col  .grid-item div{ height:100%;}
        }
        @media only screen and (max-width:999px){
            .grids-section .row .col  .grid-item .text-wrap {height:30%;}
			.grids-section .row .col .grid-item{height:245px;}  
			.grids-section .row .col  .grid-item div{ height:100%;}
        }
         @media screen and (min-width:761px) and (max-width:999px){
           /* .grids-section .row .col{width:100%;}
            .grids-section .row .col  .grid-item .text-wrap {height:30%;}
			.grids-section .row .col .grid-item{height:750px; font-size:36px;}  
			.grids-section .row .col  .grid-item div{ height:750px; font-size:36px;}  */
			.grids-section .row .col  .grid-item .text-wrap {height:30%;}
			.grids-section .row .col .grid-item{height:245px;}  
			.grids-section .row .col  .grid-item div{ height:100%;}
        }
        @media screen and (min-width:640px) and (max-width:760px){
            .grids-section .row .col{width:100%;}
            .grids-section .row .col  .grid-item .text-wrap{height:310px;}
            .grids-section .row .col .grid-item{height:310px;}
            .grids-section .row .col  .grid-item div{height:310px;}
        }
        @media screen and (min-width:414px) and (max-width:639px){
            .grids-section .row .col{width:100%;}
            .grids-section .row .col  .grid-item .text-wrap {height:265px;}
            .grids-section .row .col .grid-item{height:288px;}
             .grids-section .row .col  .grid-item div{height:288px;}
        }
        @media screen and (min-width:320px) and (max-width:413px){
            .grids-section .row .col{width:100%;}
            .grids-section .row .col  .grid-item .text-wrap {height:240px;}
            .grids-section .row .col .grid-item{height:470px;}
            .grids-section .row .col  .grid-item div{height:240px;}
        }
        @media screen and (max-width:320px){
            .grids-section .row .col{  top:25%; }
             .grids-section .row .col p{  top:40%;}
             .grids-section .row .col{width:100%;}
             .grids-section .row .col{height:205px;}
             .grids-section .row .col div{height:205px;}
            .grids-section .row .col  .grid-item div{height:205px;}
        }