@media (max-width: 766px) and (orientation:portrait) {
    .rotateMessage {
        display: block;
    }
}
@media (max-width: 766px) and (orientation:landscape) {
    .rotateMessage {
        display: block;
    }
}

@media only screen and (max-width:860px) and (orientation:portrait) {
    .rotateMessage-text {
        text-align: center;
        color: #01303f;
        font-size: 20px;
        line-height: 22px;
    }

   
}
@media (max-width: 1024px) and (orientation: landscape) {

.circle {
        width: 18vh;
        height: 18vh;
        font-size: calc(.4rem + 1vw);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
}
.res_left h3,
.res_right h3 {
    font-size: 1.2rem;
    
}
.inner_circle h1,.inner_circle h2 {
    font-size: 1.2rem;
}
        .calc_text h1 {
            font-size: 1.9rem;
        }
    
        .calc_text h3 {
            font-size: 1.2rem;
        }
    
        .calc_input_wrapper {
            padding-block: .7rem;
    
        }
    
        #calc_btn {
            width: 6rem;
            height: 6rem;
            font-size: 1.1rem;
        }
    
        .calc_input_wrapper p {
            font-size: .9rem;
    
        }










}

@media only screen and (max-width: 992px) {
    .calc_text h1 {
        font-size: 1.9rem;
    }

    .calc_text h3 {
        font-size: 1.2rem;
    }

    .calc_input_wrapper {
        padding-block: .7rem;

    }

    #calc_btn {
        width: 6rem;
        height: 6rem;
        font-size: 1.1rem;
    }

    .calc_input_wrapper p {
        font-size: 1rem;

    }
}

@media only screen and (min-width: 1030px) and (max-width: 1366px){
.res_left h3,
    .res_right h3 {
        font-size: 1.2rem;

    }

    .inner_circle h1,
    .inner_circle h2 {
        font-size: 1.4rem;
    }

    .calc_text h1 {
        font-size: 2.1rem;
    }

    .calc_text h3 {
        font-size: 1.4rem;
    }

    .calc_input_wrapper {
        padding-block: .7rem;

    }

    #calc_btn {
        width: 6rem;
        height: 6rem;
        font-size: 1.1rem;
    }

    .calc_input_wrapper p {
        font-size: 1rem;

    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
.res_left h3,
    .res_right h3 {
        font-size: 1.2rem;

    }

    .inner_circle h1,
    .inner_circle h2 {
        font-size: 1.2rem;
    }

    .calc_text h1 {
        font-size: 1.9rem;
    }

    .calc_text h3 {
        font-size: 1.2rem;
    }

    .calc_input_wrapper {
        padding-block: .7rem;

    }

    #calc_btn {
        width: 6rem;
        height: 6rem;
        font-size: 1.1rem;
    }

    .calc_input_wrapper p {
        font-size: .9rem;

    }
}
@media only screen and (min-width: 1200px){
    .h2,
        h2 {
            font-size: 1.6rem;
        }
           .res_left h3,
           .res_right h3 {
               font-size: 1.3rem;
           }
}