/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20/12/2019, 11:23:49 AM
    Author     : Flotit Web Design
*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen  and (max-width : 991px) {
    
    .form-check-input[type="radio"]:not(:checked)+label, .form-check-input[type="radio"]:checked+label, label.btn input[type="radio"]:not(:checked)+label, label.btn input[type="radio"]:checked+label{
        height: auto;
    }
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

    .navbar-light .navbar-brand img{
        width: 90px;
    }
    .navbar-toggler{
        margin-right: 5px;
    }
    .extra-menu-item{
        margin-right: 10px;
    }
    .btn{
        padding: .500rem .60rem;
    }
    .navbar{
        padding: .5rem 0rem;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 768px) {
    .single-footer {
        margin-top: 25px;
    }
    .br-2 {
        border-right: 0px solid #393939;
    }
    .footer-top-menu ul li {
        display: inline-block;
        margin-right: 5px;
        padding-right: 5px;
        position: relative;
        margin-top: 10px;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}
@media only screen  and (min-width : 991px) {
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right: 0.8rem;
        padding-left: 0.8rem;
    }
    .sticky + .middle-content {
        padding-top: 120px;
    }
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}