/* aplica somente a partir de 480px em landscape */
@media screen and (min-width: 480px) and (orientation: landscape) {
   #left{
      float: left;
      width: 48%;
   }
   #right{
      float: right;
      width: 48%;
   }

@import url('https://fonts.googleapis.com/css?family=Comfortaa');

            .planos_container{
                font-family: 'Comfortaa', cursive;
                width: 100%;
                margin: 0 auto;
                height: auto;
                overflow: hidden;
            }

            .planos{
                position: relative;
                width: 24.2%;
                margin-left: 9px;
            }

            #planos_franquia1{
                float: left;
            }

            #planos_franquia2{
                float: left;
            }

            #planos_franquia3{
                float: left;
            }

            #planos_franquia4{
                float: left;
            }         

            .table_planos{
                background: linear-gradient(141deg, #0FE0FF 0%, #1fd9e5 51%, #2cb5e8 75%);
                margin: 0 auto;
                padding-top: 20px;
                width: 82%;
                border: thin solid #ffffff;   
                padding-left: 8px;
                padding-right: 8px;                
            }

            .table_planos tr td{
                text-align: center; 
                font-size: 1.2em;
                padding-top: 4px;
                padding-bottom: 4px;
                border: none;
            }

            .planos_title{
                font-size: 2em !important;
            }

            .planos_line{
                border-top: thin solid #ffffff !important;
                padding-top: 8px !important;
            }

            .gb{
                font-size: 1.3em !important; 
            }

            .planos_last_line{
                padding-bottom: 22px !important;
            }

            #planos_ilimitado1{
                float: left;
            }

            #planos_ilimitado2{
                float: left;
            }

            #planos_ilimitado3{
                float: left;
            }

            #planos_ilimitado4{
                float: left;
            } 
}