@media (min-width: 100px){
	.menu_mov{
    	position: absolute;
        top: 13px;
        right: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 45px;
        height: 45px;
        cursor: pointer;
        z-index: 9999;
        margin-bottom: 0;
    }
    .logoProMv{
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 215px;
    }

    .menu_mov span{
	    position: relative;
	    display: block;
	    width: 50%;
	    height: 2px;
	    background-color: #000000;
	    float: left;
	    transform-origin: center center;
	    transition: transform 250ms ease;
	    z-index: 200;
    }
    .isStuck .menu_mov span{
	    background-color: #000000;
	}
    .menu_mov span:nth-of-type(1){
    	transform: translateY(-5px);
    }
    .menu_mov span:nth-of-type(3){
    	transform: translateY(5px);
    }
    #menu_mov, #menu_mov2 {
    	display: none;
    }
    #menu_mov:checked ~ .menu_mov span{
    	background-color: #000000;
    	transition: transform 250ms ease;
    }
    #menu_mov:checked ~ .menu_mov span:nth-of-type(1){
    	transform: translateY(1px) rotate(45deg);
    }
    #menu_mov:checked ~ .menu_mov span:nth-of-type(2){
    	display: none;
    }
    #menu_mov:checked ~ .menu_mov span:nth-of-type(3){
    	transform: translateY(-1px) rotate(-45deg);
    }
    #menu_mov:checked ~ .nav_mov{
    	top: 0px;
    	transition: top 500ms ease;
    }
    #menu_mov:checked ~ main{
    	transform: translateX(100%);
    	transition: transform 500ms ease;
    	/*display: none;*/
    }
    .men_cl{
        color: #161615;
        font-size: 20px;
    }
    .linetpmen{
        border-top: 1px solid;
        position: absolute;
        width: calc(100% - 50px);
        left: 0;
        right: 0;
        bottom: 30px;
        margin: 0 auto;
    }
    .ul_menmv{
        list-style: none;
        text-align: left;
    }
    .nav_mov{
	    position: fixed;
	    left: 0;
	    top: -100%;
	    width: 100%;
	    height: 100%;
	    margin: 0;
	    padding: 0 40px 0 40px;
	    background: #7BA0C4;
        background-size: cover;
	    transition: top 500ms ease;
	    z-index: 999;
	    overflow: hidden;
	    display: flex;
	    align-items: center;
    }
    .menu_mvl{
        background: #7BA0C4;
        padding: 15px 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99;
    }
    .img_topbn{
        width: 147px;
        margin-left: 20px;
        position: relative;
        z-index: 99999;
    }
    .divinfobn {
        display: block;
    }
    .divcontin, .divcontinT{
        width: 100%;
    }
    h1{
        font-size: 50px;
        text-shadow: 0px 0px 7px #FFFFFF;
        text-align: center;
    }
    .txtban {
        font-size: 19px;
    }
    .icoubi {
        width: 55px;
    }
    p{
        font-size: 16px;
    }
    h3{
        font-size: 40px;
    }
    .infooctexp{
        font-size: 19px;
    }
    .logocft{
        width: 120px;
    }
    .logft {
        margin-left: 0;
    }
    .divmarbg {
        height: 425px;
    }
    #proyecto {
        padding: 70px 0 80px 0;
    }
    .gallery-thumbs {
        height: auto;
    }
    #galeria .swiper-button-prev {
        top: 52px;
        transform: none;
        left: 20px;
    }
    #galeria .swiper-button-next {
        bottom: 60px;
        top: inherit;
        transform: none;
        left: inherit;
        right: 20px;
    }
    .logotc {
        width: 225px;
    }
    .img_logo {
        width: 140px;
    }
    .frmbn {
        width: calc(100% - 50px);
        margin: 0 auto;
    }
    h2 {
        font-size: 50px;
        text-align: center;
    }
    .titbro {
        font-size: 40px;
    }
    footer {
        padding: 60px 0 20px 0;
    }
}

@media (min-width: 992px){
    footer {
        padding: 60px 0;
    }
    .titbro {
        font-size: 70px;
    }
    h2 {
        font-size: 60px;
        text-align: left;
    }
    .frmbn {
        width: 315px;
        margin: 0 0 0 auto;
    }
    .img_logo {
        width: 200px;
    }
    .logotc {
        width: 290px;
    }
    #galeria .swiper-button-next {
        bottom: 0;
        top: inherit;
        transform: rotate(90deg);
        left: 86px;
        right: inherit;
    }
    #galeria .swiper-button-prev {
        top: -26px;
        transform: rotate(90deg);
        left: 86px;
    }
    .gallery-thumbs {
        height: 550px;
    }
    #proyecto {
        padding: 80px 0;
    }
    .divabsmv{
        position: relative;
        bottom: 0;
    }
    .divcontin, .divcontinT{
        width: 70%;
    }
    .divinfobn {
        display: flex;
    }
    h1{
        font-size: 60px;
        text-shadow: none;
        text-align: left;
    }
    .txtban {
        font-size: 19px;
    }
    .icoubi {
        width: 55px;
    }
    p{
        font-size: 16px;
    }
    h3{
        font-size: 45px;
    }
    .infooctexp{
        font-size: 17px;
    }
    .logocft{
        width: 120px;
    }
    .logft {
        margin-left: 0;
    }
    .divmarbg {
        height: 425px;
    }
}

@media (min-width: 1200px){
    .divmarbg {
        height: 532px;
    }
    .logft {
        margin-left: 22px;
    }
    .logocft {
        width: 200px;
    }
    .infooctexp {
        font-size: 24px;
    }  
    h3{
        font-size: 65px;
    }
    p{
        font-size: 17px;
    }
    h1{
        font-size: 70px;
    }
    .txtban {
        font-size: 23px;
    }
    .icoubi {
        width: 70px;
    }
}