/*
Theme Name: ky1ar
Theme URI: https://krear3d.com
Author: Kenny Muñoz Serafin
Author URI: https://munoz.pe
Description: Tema personalizado para Krear 3D
Version: 0.01
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/


/****************************************************	100rem	1600px	 ***************************************************/ 
@media only screen and (max-width: 100rem) {
    body {
        font-size: 0.7rem;
    }
    .ky1-wrp {
        padding: 0 0.5rem;
    }
    #ky1-bar {
        line-height: 0.75rem;
    }
    #ky1-bar .bar-enl img {
        width: 0.75rem;
    }
    #hdr-usr {
        gap: 0.75rem;
    }
    #ky1-hdr-adm {
        padding: 0.5rem;
    }
    #ky1-hdr-adm .ky1-wrp {
        padding: 0.75rem;
    }
    #ky1-hdr-adm .ky1-lft {
        gap: 0.75rem;
    }
    #ky1-hdr-adm .ky1-lft .hdr-prf {
        width: 2rem;
        height: 2rem;
    }
    #ky1-hdr-adm .ky1-lft .ky1-txt {
        padding-right: 0.75rem;
    }
    #ky1-hdr-adm .ky1-lft .flt-usr {
        padding: 0 0.75rem;
    }
    #ky1-hdr-adm .ky1-lft .flt-usr img {
        width: 1rem;
        height: 1rem;
    }
    #ky1-hdr-adm .ky1-rgt {
        gap: 0.75rem;
    }
    #ky1-hdr-adm .ky1-rgt img {
        width: 1rem;
    }
    #ky1-hdr-adm .ky1-rgt a {
        width: 2rem;
    }
    #ky1-add {
        padding: 0 0.75rem;
    }
    #ky1-hdr-adm .ky1-rgt input {
        padding: 0 0.75rem;
        font-size: 0.7rem;
        width: 8rem;
    }
    #add-tml li {
        padding: 2rem 1rem 1rem 1rem;
    }
    #add-tml li img {
        width: 3rem;
    }
    #add-tml li .tml-ttl {
        font-size: 0.65rem;
    }
    #lst-tml ul li h2 {
        font-size: 1rem;
    }
    #lst-tml ul li .itm-sdy, #lst-tml ul li .itm-pdy {
        width: 1.5rem;
        height: 1.5rem;
        font-size: 0.8rem;
    }
    #lst-tml ul li h3 {
        font-size: 0.65rem;
    }
    #lst-tml ul li h4 {
        font-size: 0.7rem;
    }
    #lst-tml ul li h5 {
        padding: 0.25rem 0.5rem;
        font-size: 0.5rem;
    }
    #lst-tml ul li .itm-img {
        width: 2.5rem;
    }
    #add-tml {
        gap: 0.5rem;
    }
    #lst-tml {
        gap: 0.5rem;
        margin-top: 0.5rem;
    }
    #lst-tml ul {
        gap: 0.5rem;
    }
    #add-tml.ky1-fxd {
        padding: 0 0.5rem;
        padding-top: 3rem;
        padding-bottom: 0.5rem;
    }
    #itm-tml .itm-smy {
        width: 64rem;
    }
    #itm-tml .itm-smy .itm-lft h2 {
        font-size: 1rem;
    }
    #itm-tml .itm-smy .itm-lft .itm-wrk img {
        width: 1rem;
        height: 1rem;
    }
    #itm-tml .itm-smy .itm-lft select {
        font-size: 0.7rem;
        padding: 0.25rem 0.5rem;
    }
    #itm-tml .itm-smy button {
        width: 2.5rem;
        height: 2.5rem;
    }
    #itm-tml .itm-smy .itm-lft .itm-wfl {
        gap: 0.25rem;
    }
    #itm-tml .itm-smy .itm-crd {
        padding: 1rem;
    }
    #itm-tml .itm-smy .imt-dat h3 {
        margin-bottom: 0.5rem;
        font-size: 0.8rem;
    }
    #itm-tml .itm-smy .imt-dat h2 {
        margin-bottom: 0;
        font-size: 1rem;
    }
    #itm-tml .itm-smy .imt-dat .itm-lnk p {
        font-size: 0.8rem;
    }
    #itm-tml .itm-smy .imt-dat .itm-otr {
        margin-top: 0.5rem;
    }
    #itm-tml .itm-smy .imt-dat .itm-otr select {
        font-size: 0.7rem;
        padding: 0.25rem 0.5rem;
    }
    #itm-tml .itm-smy .itm-img {
        width: 10rem;
    }
    #itm-tml .itm-smy span {
        font-size: 0.9rem;
    }
    #itm-tml .itm-smy span.smy-stt {
        font-size: 0.8rem;
    }
    #itm-tml .itm-smy span b {
        font-size: 0.9rem;
    }
    #itm-tml .itm-smy .smy-tme {
        padding: 1rem;
    }
    #itm-tml .itm-smy .smy-tme h2 {
        font-size: 1rem;
    }
    #itm-tml .itm-smy .smy-rgt ul li {
        padding: 0.5rem 0.5rem 0.5rem 0;
    }
    #itm-tml .itm-smy .smy-rgt ul li i {
        width: 1.5rem;
        height: 1.5rem;
        font-size: 0.7rem;
    }
    #itm-tml .itm-smy .smy-rgt ul li .hst-cnt img {
        width: 1.5rem;
    }
    #itm-tml .itm-smy .smy-rgt ul li .hst-ttl h3 {
        font-size: 0.7rem;
    }
    #itm-tml .itm-smy .smy-rgt ul li .hst-ttl h3 em {
        font-size: 0.6rem;
    }
    #itm-tml .itm-smy .smy-rgt ul li .hst-dte {
        font-size: 0.6rem;
        padding: 0.5rem 1rem;
    }
    #lst-tml ul li .itm-upd {
        padding: 0.75rem 1rem;
    }
}
/****************************************************	75rem	1200px	 ***************************************************/ 
@media only screen and (max-width: 75rem) {
	
}
/****************************************************	62rem	992px	 ***************************************************/ 
@media only screen and (max-width: 62rem) {
	.menu-webs {
        justify-content: center;
      }
}
/****************************************************	48rem	768px	 ***************************************************/ 
@media only screen and (max-width: 48rem) {
	#ky1-ord {
        padding: 1rem 0;
    }
    #ky1-ord .ord-smy {
        flex-direction: column;
    }
    #ky1-ord .ord-tml {
        padding: 3.5rem 0rem 1rem;
        border-radius: 0;
    }
    #ky1-ord .ord-tml .tml-itm .tml-img {
        width: 1.5rem;
        top: -2.5rem;
    }
    #ky1-ord .ord-tml .tml-itm span {
        font-size: 0.6rem;
        display: none;
    }
    .ky1-wrp {
        padding: 0;
    }
    #ky1-ord .ord-smy .smy-lft {
        border-radius: 0;
        padding: 1rem;
        gap: 0.5rem;
    }
    #ky1-ord .ord-smy .smy-lft .itm-lft h2 {
        font-size: 1rem;
    }
    #ky1-ord .ord-smy .smy-lft .itm-lft h3 {
        font-size: 0.7rem;
    }
    #ky1-ord .ord-smy .smy-lft .itm-lft h3 img {
        width: 1rem;
        height: 1rem;
    }
    #ky1-ord .ord-smy .smy-lft .itm-crd {
        padding: 1rem 0;
        gap: 1rem;
        border: none;
    }
    #ky1-ord .ord-smy .smy-lft .imt-dat h2 {
        font-size: 1rem;
    }
    
    #ky1-ord .ord-smy .smy-lft .itm-img {
        width: 6rem;
    }
    #ky1-ord .ord-smy .smy-lft .imt-dat .itm-otr h5 {
        font-size: 0.6rem;
    }
    #ky1-ord .ord-smy .smy-lft span {
        font-size: 1rem;
    }
    #ky1-ord .ord-smy .smy-lft span.smy-stt {
        font-size: 0.8rem;
    }
    #ky1-ord .ord-smy .smy-tme {
        padding: 1rem 0;
        border: none;
    }
    #ky1-ord .ord-smy .smy-tme h2 {
        font-size: 1rem;
    }
    #ky1-ord .ord-smy .smy-rgt ul li {
        padding: 0.5rem;
        gap: 0.5rem;
    }
    #ky1-ord .ord-smy .smy-rgt {
        border-radius: 0;
    }
    #ky1-ord .ord-smy .smy-rgt ul li i {
        border-radius: 1rem;
    }
    #ky1-ord .ord-smy .smy-rgt ul li .hst-ttl h3 {
        font-size: 0.8rem;
    }
    #ky1-ord .ord-smy .smy-rgt ul li .hst-ttl h4 {
        font-size: 0.7rem;
    }
    
    #ky1-hdr {
        padding: 0.75rem;
    }
    #ky1-hdr .hdr-lgo {
        width: 8rem;
        min-width: 8rem;
    }
    footer .ftr-top {
        padding: 2rem 0;
    }
    footer .ky1-wrp {
            justify-content: center;
        text-align: center;
    }
    footer .ftr-bot ul {
        flex-direction: column;
        gap: 0.5rem;
    }
    #ky1-sdo {
        padding: 1rem 0;
    }
    #ky1-sdo .sdo-crd {
        padding: 2rem;
    }
    #ky1-sdo .sdo-crd img {
        margin-bottom: 0.5rem;
    }
    #ky1-sdo .sdo-crd h1 {
        font-size: 1.5rem;
    }
    #ky1-sdo .sdo-crd p {
        font-size: 0.8rem;
    }
}
/****************************************************	36rem	576px	 ***************************************************/ 
@media only screen and (max-width: 36rem) {
    #navigationBar .logo {
        width: 8rem;
    }
	
}
/****************************************************	26rem	416px	 ***************************************************/ 
@media only screen and (max-width: 26rem) {
	
}