/* √ ONLY MEDIA QUERIES */


/* ***START*** */


/* -------√ XXXX-teeny tiny devices (portrait phones, 10px to 199.98px)-------*/

@media 
 only screen and (min-width:10px) and (max-width:199.98px) and (orientation:portrait),
   only screen and (min-device-width: 20px) and (max-device-width: 399.98px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {


  .ut-sub-footer-content::after{content:"0-P";white-space: pre;color:#000000;}

}

/* -------√ XXXX-teeny tiny devices (landscape phones, 10px to 199.98px)-------*/

@media 
only screen and (min-width:10px) and (max-width:199.98px) and (orientation:landscape),
   only screen and (min-device-width: 20px) and (max-device-width: 399.98px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2) {



.ut-sub-footer-content::after{content:"0-L";white-space: pre;color:#000000;}

}

/* √ ------- XXX-Small devices (portrait phones, 200px to 320px)-------*/

@media 
only screen and (min-width:200px) and (max-width:319.98px) and (orientation:portrait),
   only screen and (min-device-width: 400px) and (max-device-width: 639.98px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {


  .ut-sub-footer-content::after{content:"1-P";white-space: pre;color:#000000;}


}

/* √ ------- XXX-Small devices (portrait phones, 200px to 320px)-------*/

@media 
only screen and (min-width:200px) and (max-width:319.98px) and (orientation:landscape),
   only screen and (min-device-width: 400px) and (max-device-width: 639.98px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2) {



  .ut-sub-footer-content::after{content:"1-L";white-space: pre;color:#000000;}



}


/* -------√ XX-Small devices (portrait phones, less than 480px)-------*/

@media 

   only screen and (min-width:320px) and (max-width:479.98px) and (orientation:portrait),
   only screen and (min-device-width: 640px) and (max-device-width: 959.98px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {


.col-md-12::after{content:"\a \a \a \a 2-P";white-space: pre;opacity:1;}

.ut-hero-animation-element{margin-left:-6%;margin-top: 20%;}
.ut-hero-custom-logo-holder {  }

     
   }




/* -------√ XX-Small devices (portrait phones, less than 480px)-------*/
/*Now in Appearance additional CSS*/
/* -------√ XX-Small devices (landscape phones, less than 480px)-------*/

@media 
   only screen and (min-width:320px) and (max-width:785.98px) and (orientation:landscape),
   only screen and (min-device-width: 320px) and (max-device-width: 785.98px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2) {


  .ut-sub-footer-content::after{content:"2-L";white-space: pre;color:#000000;}


}



/* -------√ X-Small devices (portrait phones, less than 576px)-------*/
@media screen and (min-width:480px) and (max-width:599.98px) and (orientation:portrait) {


  .ut-sub-footer-content::after{content:"3-P";white-space: pre;color:#000000;}


}

/* √ Small devices (landscape phones, less than 768px)*/
@media screen and (min-width:600px) and (max-width:767.98px) and (orientation:portrait) {


  .ut-sub-footer-content::after{content:"4-P";white-space: pre;color:#000000;}


}

/* Medium devices (tablets, less than 992px)*/
@media screen and (min-width:768px) and (max-width:991.98px) and (orientation:portrait) {


  .ut-sub-footer-content::after{content:"5-P";white-space: pre;color:#000000;}


}

/*-------Large devices (desktops, less than 1200px)-------*/
@media screen and (min-width:992px) and (max-width: 1199.98px) and (orientation:portrait) {
  
    .ut-sub-footer-content::after{content:"6-P";white-space: pre;color:#000000;}

  
}

/* X-Large devices (large desktops, less than 1400px)
@media screen and (max-width: 1399.98px) { ... }*/

/* XX-Large devices (larger desktops)
// No media query since the xxl breakpoint has no upper bound on its width*/