/* CSS Document */
@media (max-width: 1280px) {
#top, #access, #texto {
    width: 99.5% !important;
    margin-left: 0.25% !important;
    margin-right: 0.25% !important;
}
#texto {
    box-sizing: border-box !important;
}
}



@media (max-width: 1024px){
    #columnB, #columnC{
        width: 32% !important;
    }
    #columnB1, #columnB2{
        min-height: 340px !important;
    }
    #columnC1, #columnC2, #columnC3{
        min-height: 221.35px !important;
    }
    #also{
        width: 60% !important;    
    }
    #texto{
        max-width: 1024px !important;
    }
    .whitecirclesmall2{
        max-width: 280px !important;
        max-height: 280px !important;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .whitecirclesmall3{
        max-width: 220px !important;
        max-height: 220px !important;
        margin-left: 1% !important;
        margin-right: 1% !important;
    }
    .w960{
        max-width: 960px !important;
    }
    .w660{
        max-width: 660px !important;
    }
    #cCriPE, #cCriFo, #cCriCo{
        left: 32% !important;
    }
}

@media (max-width: 960px) {
#top, #access, #texto {
    width: 99.5% !important;
    margin-left: 0.25% !important;
    margin-right: 0.25% !important;
}
#columnA {
    width: 30% !important;
    margin-left: 0.25% !important;
}
#columnB, #columnC {
    width: 31.4% !important;
}
#columnC1, #columnC2, #columnC3 {
    min-height: 217.8px !important;
}
#slider {
    max-height: 680px!important;
    min-height: 678.3px !important;
}
#slider li {
    max-width: 320px !important;
}
#texto {
    box-sizing: border-box !important;
}
.whitecirclesmall {
    margin-left: 0!important;
}
.whitecirclesmall2 {
    max-width: 236px!important;
    max-height: 236px!important;
    border-radius: 118px!important;
    margin-left: 4%!important;
    margin-right: 4%!important;
}
.whitecirclesmall3 {
    max-width: 178px!important;
    max-height: 178px!important;
    border-radius: 89px!important;
    margin-left: 3%!important;
    margin-right: 3%!important;
    width: 94% !important;
}
.whitecirclesmalltext h1 {
    font-size: 145% !important;
}
#cAPPE, #cAPRP, #cAPRG, #cAPCP {
    left: 16%;
}
#cCriPE, #cCriFo, #cCriCo {
    left: 32.4% !important;
}
#also {
    width: 48% !important;
}
.w960 {
    width: 100%!important;
    margin-left: -1% !important;
    min-width: 942px !important;
}
.w660 {
    width: 60% !important;
    max-width: 1280px;
    min-width: 660px;
    margin-left: 20%;
    margin-right: 20%;
}
#KhaPartners, #KhaClients {
    min-width: 900px !important;
}
#perfil {
    width: 38% !important;
}
#perfilText {
    width: 56% !important;
}
.clear {
    width: 100%!important;
    min-width: 280px !important;
    max-width: 900px !important;
}
	#access a{
		font-size: 85%;
	}	
}
/*iPad Landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
#top, #access, #texto {
    width: 99.5% !important;
    margin-left: 0.25% !important;
    margin-right: 0.25% !important;
}
#columnA {
    width: 32.75% !important;
    margin-left: 0.25% !important;
}
#columnB, #columnC {
    width: 32% !important;
}
#columnB1, #columnB2{
    height: 335px !important;    
    }
#columnC1, #columnC2, #columnC3 {
    min-height: 217.92px !important;
}
#slider {
    min-height: 690px!important;
}
#slider li {
    max-width: 335px !important;
}
#texto {
    box-sizing: border-box !important;
}
.whitecirclesmall {
    margin-left: 0!important;
}
.whitecirclesmall2 {
    border-radius: 140px!important;
}
.whitecirclesmall3 {
    max-width: 188px!important;
    max-height: 188px!important;
    border-radius: 94px!important;
    margin-left: 3%!important;
    margin-right: 3%!important;
    width: 94% !important;
}
#also {
    width: 48% !important;
}
.w960 {
    width: 100%!important;
    min-width: 1024px !important;
}
.w660 {
    width: 60% !important;
    max-width: 1280px;
    min-width: 660px;
    margin-left: 18%;
    margin-right: 20%;
}
#cCCo, #cAP, #cCC {
}
#cAPPE, #cAPRP, #cAPRG, #cAPCP {
    left: 20.4% !important;
}
#cCriPE, #cCriFo, #cCriCo {
    left: 32.4% !important;
}
}
@media (max-width: 768px) {
#top, #access, #texto {
    width: 99.5% !important;
    margin-left: 0.25% !important;
    margin-right: 0.25% !important;
}
.menu240{
        width: 148px !important;
    }
    #access h2{
        font-size: 108% !important;
    }
#columnA {
    width: 33% !important;
    min-width: 280px !important;
    margin-left: 0.25% !important;
}
#columnB, #columnC {
    width: 29.65% !important;
}
#columnC1, #columnC2, #columnC3 {
    min-height: 217.8px !important;
}
#slider {
    max-height: 680px!important;
    min-height: 678.3px !important;
}
#slider li {
    min-width: 280px !important;
    max-width: 280px !important;
}
#texto {
    box-sizing: border-box !important;
}
.whitecirclesmall {
    max-width: 480px!important;
    max-height: 480px!important;
    border-radius: 240px !important;
    margin-left: 0!important;
}
.whitecirclesmall2 {
    max-width: 192px!important;
    max-height: 192px!important;
    border-radius: 96px!important;
    margin-left: 4%!important;
    margin-right: 4%!important;
}
.whitecirclesmall3 {
    max-width: 144px!important;
    max-height: 144px!important;
    border-radius: 72px!important;
    margin-left: 3%!important;
    margin-right: 3%!important;
    width: 94% !important;
}
.whitecirclesubtextit {
    width: 192px !important;
}
.whitecirclesmalltext3 {
    padding-top: 10px!important;
}
#also {
    width: 64% !important;
}
.w960 {
    width: 101%!important;
    margin-left: -1% !important;
    min-width: 758px !important;
}
.w660 {
    margin-left: 20%!important;
    align-content: center;
    width: 62% !important;
    margin-right: 20% !important;
    min-width: 330px !important;
}
.greenBox{
        min-width: 137px !important;
    }
#cAPPE, #cAPRP, #cAPRG, #cAPCP {
    left: 17%;
}
#cCriPE, #cCriFo, #cCriCo {
left: 28% !important;
}
    #perfil{
        width:46% !important;
    }
    #perfilText{
        width:50% !important;
    }    
#bottomM1 {
    min-width: 760px!important;
    border-bottom: dotted 1px rgba(255,255,255,0.25);
}
#bottomM2 {
    min-width: 372px!important;
}
#bottomM3 {
    min-width: 320px!important;
    border-left: dotted 1px rgba(255,255,255,0.25);
    padding-left: 2.5%;
}
#KhaPartners, #KhaClients {
    min-width: 600px !important;
}    
}



/*iPad Portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
#top, #access, #texto, #home {
    width: 99.5% !important;
    margin-left: 0.25% !important;
    margin-right: 0.25% !important;
}
#columnA {
    width: 32.75% !important;
    min-width: 251px !important;
}
.year {
    width: 98% !important;
    left: 0;
    top: 88% !important;
    font-size: 310% !important;
}
#columnB, #columnC {
    width: 31.93% !important;
}
#columnB1, #columnB2 {
    min-height: 336.4px !important;
}
#columnC1, #columnC2, #columnC3 {
    min-height: 220px !important;
}
#slider {
    max-height: 680px!important;
}
#slider li {
    min-width: 251px !important;
    max-width: 251px !important;
}
#texto {
    box-sizing: border-box !important;
}
.w960 {
    min-width: 760px!important;
}
.whitecirclesmall2 {
    max-width: 192px!important;
    max-height: 192px!important;
    border-radius: 96px!important;
    margin-left: 4%!important;
    margin-right: 4%!important;
}
.whitecirclesmalltext h1 {
    font-size: 150% !important;
}
.whitecirclesubtextit {
    width: 180px !important;
}
#also {
    width: 64% !important;
    max-width: 768px !important;
}
.w660 {
    width: 61% !important;
}
.whitecirclesmall3 {
    max-width: 144.25px!important;
    max-height: 144.25px!important;
    border-radius: 72.125px!important;
    margin-left: 3%!important;
    margin-right: 3%!important;
    width: 94% !important;
}
.whitecirclesmalltext3 {
    padding-top: 10px!important;
}
#cAPPE, #cAPRP, #cAPRG, #cAPCP {
    left: 15% !important;
}
#cCriPE, #cCriFo, #cCriCo {
    left: 28.5% !important;
}
.greenBox {
    min-width: 136px!important;
}
#perfil {
    width: 98% !important;
}
#perfilText {
    width: 94% !important;
}
#bottomM1 {
    min-width: 760px;
    border-bottom: dotted 1px rgba(255,255,255,0.25);
}
#bottomM2 {
    min-width: 380px!important;
}
#bottomM3 {
    min-width: 320px!important;
    border-left: dotted 1px rgba(255,255,255,0.25);
    padding-left: 2.5%;
}
}
@media (max-width : 575px) {
.menu240 {
    width: 96% !important;
	margin-left: 2%;
    margin-right: 2%;
    border-bottom: 1px dotted rgba(255,255,255,0.4) !important;
    max-width: initial;
    line-height: 36px !important;
    height: 42px !important;
    font-size: 24px;
    padding: 0;
    margin-top: 1% !important;
    margin-bottom: 1% !important;
    background-color: rgba(146,177,48,0.58);
    display: block;
}
	#access{
		background-color: transparent;
	}
	.w50{width:90%;}
	
	#bottomM1, #bottomM2, #bottomM3{
width: 70%!important;
margin-right: 2.5%;
margin-left: 2.5%;
min-width: 520px!important;
	}
	#cloud{
		width: 96%!important;
margin: 0!important;
padding: 0!important;
	}
}
@media (max-width: 414px) {
#top, #access, #texto, #home {
    width: 99.5% !important;
    margin-left: 0.25% !important;
    margin-right: 0.25% !important;
}
#top, #tagTop {
    max-width: 414px !important;
    min-width: 414px !important;
}
#access {
    background-color: transparent;
    max-width: 414px !important;
    min-width: 414px !important;
    box-sizing: border-box !important;
}
#access a:hover {
    display: block;
}
#access h2 {
    margin-bottom: 0 !important;
    margin-top: 6px;
}
.menu240 {
    width: 96% !important;
    margin-left: 2%;
    margin-right: 2%;
    border-bottom: 1px dotted rgba(255,255,255,0.4) !important;
    max-width: 414px !important;
    line-height: 36px !important;
    height: 42px !important;
    font-size: 24px;
    padding: 0;
    margin-top: 1% !important;
    margin-bottom: 1% !important;
    background-color: rgba(146,177,48,0.58);
    display: block;
}
#columnA, #columnB, #columnC {
    width: 100% !important;
    min-width: 414px !important;
    max-width: 414px !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
}
#slider {
    min-height: 480px !important;
}
#slider li {
    max-width: 414px !important;
    min-width: 414px !important;
}
.slide {
    width: 100% !important;
    max-width: 400px !important;
    min-width: 400px !important;
    box-sizing: border-box !important;
}
#cloud {
    width: 100% !important;
}
#texto {
    width: 100% !important;
    max-width: 414px !important;
    min-width: 414px !important;
    padding: 2% !important;
    box-sizing: border-box !important;
}
#bottomM {
    max-width: 414px !important;
    min-width: 414px !important;
}
#bottomM1 h1 {
    margin-top: 4% !important;
}
.w960, .w680, .w660 {
    width: 101% !important;
    min-width: 328px !important;
    max-width: 414px !important;
    box-sizing: border-box !important;
    margin-left: -1% !important;
    display: block !important;
}
.w50 {
    width: 100%;
    min-width: 404px;
}
#cCCo, #cCE, #cCI, #cAP, #cCC, #cCPE, #cCCF, #cCCCo {
}
#aPub1, #aPub2, #aPub3, #aPub4 {
    left: 10% !important;
    top: 15px !important;
}
.whiteBox {
    width: 45% !important;
    margin-left: 1.33%!important;
    margin-right: 1.33% !important;
    min-height: 200px !important;
}
.greenBox {
    width: 48% !important;
}
.circleSmall, .circleSmall2 {
    left: 88% !important;
    top: 96% !important;
}
.whitecirclesmall2 {
    max-width: 328px!important;
    max-height: 328px!important;
    border-radius: 164px!important;
    margin-left: 6%!important;
    margin-right: 6%!important;
    width: 100% !important;
    left: 20px !important;
}
.whitecirclesmall4 {
    max-width: 360px!important;
    max-height: 360px!important;
    border-radius: 180px!important;
}    
.whitecirclesmall4 {
    left: 11% !important;
}
.y {
    top: -2.5% !important;
    left: 50% !important;
}
#also {
    width: 100% !important;
    min-width: 328px !important;
    padding-top: 0 !important;
}
.whitecirclesmall {
    width: 98% !important;
    max-width: 380px !important;
    max-height: 380px !important;
    border-radius: 190px !important;
    margin-left: 1% !important;
    margin-right: 1% !important;
    left: 10px;
}
.whitecirclesmalltext h1 {
    font-size: 240% !important;
}
.whitecirclesubtextit{
        font-size: 120% !important;
    }    
.whitecirclesmall ul {
    width: 75% !important;
    font-size: 90% !important;
}
.whitecirclesmall li {
    margin-bottom: 0 !important;
}
.whitecirclesmalltext4 h1 {
    font-size: 120% !important;
}
.profile {
    width: 100% !important;
    max-width: 414px !important;
    min-width: 320px !important;
}
#logoTop {
    margin-left: 4% !important;
}
#perfil {
    width: 100% !important;
}
#perfil img {
    width: 90% !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
    box-sizing: border-box;
}
#perfilText {
    width: 96% !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
}
#menuTop {
    margin-right: 2% !important;
}
#tagTop img {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    box-sizing: border-box;
}
#KhaPartners, #KhaClients {
    min-width: 400px !important;
}
#cCriPE, #cCriFo, #cCriCo {
    left: 5% !important;
}    
#bottomM1, #bottomM2, #bottomM3 {
    padding-bottom: 5%;
    margin-bottom: 5%;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    margin-left: 2% !important;
    margin-right: 2% !important;
    width: 94% !important;
    min-width: 360px !important;
    max-width: 414px !important;
    box-sizing: content-box;
}
footer {
    white-space: normal;
    width: 90% !important;
    line-height: 130%;
    min-width: 404px !important;
    max-width: 404px !important;
    box-sizing: border-box !important;
}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
#top, #access, #texto, #home {
    width: 99.5% !important;
    margin-left: 0.25% !important;
    margin-right: 0.25% !important;
}
.w960, .w680, .w660 {
    width: 100% !important;
    min-width: 667px !important;
    max-width: 667px !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    display: block !important;
}
#top, #tagTop {
    max-width: 667px !important;
    min-width: 667px !important;
}
#access {
    background-color: transparent;
    max-width: 667px !important;
    min-width: 667px !important;
    box-sizing: border-box !important;
}
#access a:hover {
    display: block;
}
#access h2 {
    margin-bottom: 0 !important;
    margin-top: 6px;
}
.menu240 {
    width: 99% !important;
    margin-left: 0.5%;
    margin-right: 0.5%;
    max-width: 126px !important;
    min-width: 102px !important;
    line-height: 24px !important;
    height: 30px !important;
    font-size: 13px;
    padding: 0 !important;
    margin-top: 0% !important;
    margin-bottom: 0% !important;
    background-color: rgba(146,177,48,0.58);
    display: block;
    border:none!important;
}
    #columnA {
    width: 32.75% !important;
    min-width: 251px !important;
}
.year {
    width: 98% !important;
    left: 0;
    top: 88% !important;
    font-size: 310% !important;
}
#columnB, #columnC {
    width: 29.33% !important;
}
#columnB1, #columnB2 {
    min-height: 336.4px !important;
}
#columnC1, #columnC2, #columnC3 {
    min-height: 220px !important;
}
#slider {
    max-height: 680px!important;
}
#slider li {
    min-width: 251px !important;
    max-width: 251px !important;
}
#texto {
    max-width: 667px !important;
    box-sizing: border-box !important;
}
.w960 {
    min-width: 667px!important;
}
    .w660{
        width: 55% !important;
        margin-left: 18% !important;
        min-width: 414px !important;
    }    
    .whitecirclesmall2{
        max-width: 182px!important;
        min-height: 182px !important;
        border-radius: 91px !important;
        margin-left: 3% !important;
        margin-right: 3% !important;
    }
    .whitecirclesmall3{
        max-width: 140px!important;
        min-height: 140px !important;
        border-radius: 70px !important;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .whitecirclesmall4{
        max-width: 280px!important;
        min-height: 280px !important;
        border-radius: 140px !important;
        margin-left: 3% !important;
        margin-right: 3% !important;
    }
    .greenBox{
        min-width: 120px !important;
    }
    .circleSmall, .circleSmall2{
        left:92% !important;
    }
    #also{
        width:80% !important;
    }
#bottomM1{
        width: 100% !important;
        min-width: 667px !important;
    }
#bottomM2{
        width: 58% !important;
    min-width: 300px !important;
    }    
#bottomM3{
        width: 28% !important;
    min-width: 220px !important;
    }
#cAPPE, #cAPRP, #cAPRG, #cAPCP {
    left: 15%;
}    
}

@media screen and (max-width:320px) {
body {
    font-size: 75% !important;
}
#top, #tagTop {
    max-width: 320px !important;
    min-width: 320px !important;
}
#access {
    background-color: transparent;
    max-width: 320px !important;
    min-width: 320px !important;
    box-sizing: border-box !important;
}
#access a:hover {
    display: block;
}
#access h2 {
    margin-bottom: 0 !important;
    margin-top: 6px;
}
.menu240 {
    width: 96% !important;
    margin-left: 2%;
    margin-right: 2%;
    border-bottom: 1px dotted rgba(255,255,255,0.4) !important;
    max-width: 320px !important;
    line-height: 36px !important;
    height: 42px !important;
    font-size: 24px;
    padding: 0;
    margin-top: 1% !important;
    margin-bottom: 1% !important;
    background-color: rgba(146,177,48,0.58);
    display: block;
}
#columnA, #columnB, #columnC {
    width: 100% !important;
    min-width: 320px !important;
    max-width: 320px !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
}
#slider {
    min-height: 400px !important;
}
.slide {
    width: 100% !important;
    max-width: 300px !important;
    min-width: 300px !important;
    box-sizing: border-box !important;
}
#slider li {
    max-width: 320px !important;
    min-width: 320px !important;
}
#menuTop {
    margin-top: 12px;
    margin-right: 12px;
}
#topBar {
    height: 70px;
}
#columnA {
    max-height: 300px !important;
}
#columnB1, #columnB2, #columnC1, #columnC2, #columnC3 {
    width: 100%!important;
    max-width: 320px !important;
    box-sizing: border-box !important;
}
#home, #texto, #bottomM {
    max-width: 320px !important;
    min-width: 320px !important;
}
.w960, .w680, .w660 {
    width: 100% !important;
    min-width: 320px !important;
    box-sizing: border-box !important;
}
#perfilText {
    width: 94% !important;
}
.profile img {
    min-width: 150px !important;
}
.menu240 h2 {
    font-weight: 600!important;
}
.circleSmall {
    left: 84% !important;
}
.x {
    top: 3px !important;
}
.y {
    left: 48% !important;
    font-size: 820% !important;
}
#comCorp02, #comCorp03, #comCorp04, #asPub01 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}

.greenBox {
    min-width: 310px !important;
}
.greenBox h2 {
    font-size: 130% !important;
}
.whiteBox {
    min-width: 310px;
    min-height: 100px !important;
}
.whiteBox h2 {
    font-size: 130% !important;
}
.whiteBox p {
    font-size: 90% !important;
}
#prevBtn, #nextBtn {
    top: 250px !important;
}
.whitecirclesmall4 {
    left: 0% !important;
}
.whitecirclesmalltext4 h1 {
    font-size: 110% !important;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}
.whitecirclesmall {
    width: 98% !important;
    max-width: 300px !important;
    max-height: 300px !important;
    border-radius: 150px !important;
    margin-left: 1% !important;
    margin-right: 1% !important;
    left: 0 !important;
}
.whitecirclesmall li {
    margin-bottom: 1px !important;
    line-height: 155% !important;
}
.whitecirclesmall2 {
    max-width: 280px!important;
    max-height: 280px!important;
    border-radius: 140px!important;
    margin-left: 1%!important;
    margin-right: 1%!important;
    width: 98% !important;
    left: 2% !important;
}
.whitecirclesmall3 {
    max-width: 240px!important;
    max-height: 240px!important;
    border-radius: 120px!important;
    margin-left: 1%!important;
    margin-right: 1%!important;
    width: 98% !important;
    left: 0px !important;
}
.whitecirclesmall4 {
    max-width: 280px!important;
    max-height: 280px!important;
    border-radius: 140px!important;
    margin-left: 1%!important;
    margin-right: 1%!important;
    width: 98% !important;
    left: 2% !important;
}
#aPub1, #aPub2, #aPub3, #aPub4 {
    left: 10% !important;
    top: 15px !important;
}
.whitecirclesmall ul {
    width: 85% !important;
    font-size: 86% !important;
}
#bottomM1, #bottomM2, #bottomM3 {
    padding-bottom: 5%;
    margin-bottom: 5%;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    margin-left: 2% !important;
    margin-right: 2% !important;
    width: 94% !important;
    min-width: 280px !important;
    max-width: 280px !important;
    box-sizing: content-box;
}
footer {
    white-space: normal;
    width: 96% !important;
    line-height: 130%;
    min-width: 300px !important;
    max-width: 300px !important;
    box-sizing: border-box !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
}
#KhaPartners, #KhaClients {
    min-width: 280px !important;
}       
}