/*
and (orientation: portrait) 
and (orientation: landscape)
*/

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px)
{
    #Aboutus img
    {
        width: 200px;
    }
    #header .header-logo img
    {
        width: 120px;
        height: 110px;
    }
    #Aboutus .col-md-3
    {
        width: 200px;
    }
    .header-flags
    {
        margin-top: 20px;
    }
}

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

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
{
    /* STYLES GO HERE */
    .runtimeselect
    {
        display: inline-block;
    }
    #menublock
    {
        display: none;
    }
    #header .header-logo img
    {
        width: 120px;
        height: 250px;
    }
    .header-flags
    {
        margin-top: 0;
    }
    h2
    {
        font-size: 25px !important;
    }
    .page-header h1
    {
        font-size: 20px !important;
    }
    .fa-4x
    {
        font-size: 3em;
    }
    .counters .fa, .counters .icons
    {
        font-size: 25px;
    }
    .counters strong
    {
        font-size: 25px;
    }
    html.sticky-header-enabled #header .main-menu
    {
        width: 100%;
    }
    ul.custom-sub-menu-header li a
    {
        color: #fff !important;
        font-size: 14px !important;
    }
    .mobile-width-menu .col-md-3
    {
        width: 100%;
        padding-bottom: 3px;
    }
    .article-nav li a
    {
        padding-top: 25px !important;
    }
    .article-nav
    {
        margin: 0 !important;
    }
}


/* ----------- iPhone 5 and 5S ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2)
{
    .container
    {
        padding-right: 15px;
        padding-left: 15px;
    }
    .row
    {
        margin-right: -9px !important;
        margin-left: -9px !important;
    }
    .headerNo
    {
        font-size: 18px;
    }
    .runtimeselect
    {
        display: inline-block;
    }
    #menublock
    {
        display: none;
    }
    #header .header-logo img
    {
        width: 70px !important;
        height: 60px !important;
    }
    #header .header-btn-collapse-nav
    {
        margin-right: 5px;
    }
    #header .header-nav-main nav > ul li a .fa-caret-down
    {
        right: inherit;
    }
    ul.nav-list.show-bg-active .active > a
    {
        padding: 8px 18px 8px 0;
    }

    .box-content custom-box
    {
        display: block;
    }

    #header
    {
        min-height: inherit;
    }
    #header .header-body
    {
        min-height: inherit;
    }
    #header .header-container
    {
        display: block;
        padding: 0;
        height: auto;
    }
    #Aboutus img
    {
        padding: 0px;
        width: 150px;
        float: left;
    }
    .content-container .section.content-header.content-header-image p, .content-container .section.content-header.content-header-image h1
    {
        padding-right: 3px;
    }
    #footer img
    {
        padding: 0px;
        width: 50px;
        float: left;
    }
    .logo, .links
    {
        text-align: center;
    }
    .copy-right
    {
        padding-top: 0;
    }

    .contactussection .form-address-details-label span
    {
        font-size: 9px;
    }
    .contactussection .form-address-label span
    {
        font-size: 9px;
    }
    /* .contactussection .col-md-3
            {
                padding:0;
                padding-left:3px;
            }*/
    .header-flags
    {
        margin-top: 0;
    }

    h2
    {
        font-size: 25px !important;
    }
    .page-header h1
    {
        font-size: 20px !important;
    }
    .fa-4x
    {
        font-size: 3em;
    }
    .counters .fa, .counters .icons
    {
        font-size: 25px;
    }
    .counters strong
    {
        font-size: 25px;
    }
    html.sticky-header-enabled #header .main-menu
    {
        width: 100%;
    }
    ul.custom-sub-menu-header li a
    {
        color: #fff !important;
        font-size: 14px !important;
    }
    .mobile-width-menu .col-md-3
    {
        width: 100%;
        padding-bottom: 3px;
    }
    .article-nav li a
    {
        padding-top: 25px !important;
    }
    .article-nav
    {
        margin: 0 !important;
    }
}

/* iPhone 6 (portrait & landscape)----------- */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2)
{
    .container
    {
        padding-right: 15px;
        padding-left: 15px;
    }
    .row
    {
        margin-right: -9px !important;
        margin-left: -9px !important;
    }
    .slider-pro .sp-arrow:before {
        line-height: 1.5;
    }
    .row-mobile {
        margin-right: -30px !important;
        margin-left: -30px !important;
    }
    .runtimeselect
    {
        display: inline-block;
    }
    #menublock
    {
        display: none;
    }
    #header .header-logo img
    {
        width: 50px;
        height: 50px;
    }
    #header .header-btn-collapse-nav
    {
        margin-right: 5px;
    }
    #header .header-nav-main nav > ul li a .fa-caret-down
    {
        right: inherit !important;
    }
    ul.nav-list.show-bg-active .active > a
    {
        padding: 8px 18px 8px 0 !important;
    }

    .box-content custom-box
    {
        display: block !important;
    }

    #header
    {
        min-height: inherit !important;
    }
    #header .header-body
    {
        min-height: inherit !important;
    }
    #header .header-container
    {
        display: block;
        padding: 0 !important;
        height: auto !important;
    }
    #Aboutus img
    {
        padding: 0px;
        width: 150px;
        float: left;
    }
    .content-container .section.content-header.content-header-image p, .content-container .section.content-header.content-header-image h1
    {
        padding-right: 3px;
    }
    #footer img
    {
        padding: 0px;
        width: 50px;
        float: left;
    }
    .logo, .links
    {
        text-align: center;
    }
    .copy-right
    {
        padding-top: 0 !important;
    }

    .contactussection .form-address-details-label span
    {
        font-size: 12px;
    }
    .contactussection .form-address-label span
    {
        font-size: 12px;
    }
    .header-flags
    {
        margin-top: 0;
    }
    h2
    {
        font-size: 25px !important;
    }
    .page-header h1
    {
        font-size: 20px !important;
    }
    .fa-4x
    {
        font-size: 3em;
    }
    .counters .fa, .counters .icons
    {
        font-size: 25px;
    }
    .counters strong
    {
        font-size: 25px;
    }
    html.sticky-header-enabled #header .main-menu
    {
        width: 100%;
    }
    ul.custom-sub-menu-header li a
    {
        color: #fff !important;
        font-size: 14px !important;
    }
    .mobile-width-menu .col-md-3
    {
        width: 100%;
        padding-bottom: 3px;
    }
    .article-nav li a
    {
        padding-top: 25px !important;
    }
    .article-nav
    {
        margin: 0 !important;
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape)
{
    .contactussection .col-md-3
    {
        padding: 0;
        padding-left: 20px;
    }
    .header-flags
    {
        margin-top: 0;
    }
    .counters .fa, .counters .icons
    {
        font-size: 25px;
    }
    .counters strong
    {
        font-size: 25px;
    }
}
/* iPhone 6+ (portrait & landscape)----------- */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3)
{
    .container
    {
        padding-right: 15px;
        padding-left: 15px;
    }
    .row
    {
        margin-right: -9px !important;
        margin-left: -9px !important;
    }
    .row-mobile {
        margin-right: -30px !important;
        margin-left: -30px !important;
    }
    .runtimeselect
    {
        display: inline-block;
    }
    #menublock
    {
        display: none;
    }
    #header .header-logo img
    {
        width: 50px;
        height: 50px;
    }
    #header .header-btn-collapse-nav
    {
        margin-right: 5px;
    }
    #header .header-nav-main nav > ul li a .fa-caret-down
    {
        right: inherit !important;
    }
    ul.nav-list.show-bg-active .active > a
    {
        padding: 8px 18px 8px 0 !important;
    }

    .box-content custom-box
    {
        display: block !important;
    }

    #header
    {
        min-height: inherit !important;
    }
    #header .header-body
    {
        min-height: inherit !important;
    }
    #header .header-container
    {
        display: block;
        padding: 0 !important;
        height: auto !important;
    }
    #Aboutus img
    {
        padding: 0px;
        width: 150px;
        float: left;
    }
    .content-container .section.content-header.content-header-image p, .content-container .section.content-header.content-header-image h1
    {
        padding-right: 3px;
    }
    #footer img
    {
        padding: 0px;
        width: 50px;
        float: left;
    }
    .logo, .links
    {
        text-align: center;
    }
    .copy-right
    {
        padding-top: 0 !important;
    }

    .contactussection .form-address-details-label span
    {
        font-size: 12px;
    }
    .contactussection .form-address-label span
    {
        font-size: 12px;
    }
    .contactussection .col-md-3
    {
        padding: 0;
        padding-left: 30px;
    }
    .header-flags
    {
        margin-top: 0;
    }
    h2
    {
        font-size: 25px !important;
    }
    .page-header h1
    {
        font-size: 20px !important;
    }
    .fa-4x
    {
        font-size: 3em;
    }
    .counters .fa, .counters .icons
    {
        font-size: 25px;
    }
    .counters strong
    {
        font-size: 25px;
    }
    html.sticky-header-enabled #header .main-menu
    {
        width: 100%;
    }
    ul.custom-sub-menu-header li a
    {
        color: #fff !important;
        font-size: 14px !important;
    }
    .mobile-width-menu .col-md-3
    {
        width: 100%;
        padding-bottom: 3px;
    }
    .article-nav li a
    {
        padding-top: 25px !important;
    }
    .article-nav
    {
        margin: 0 !important;
    }
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2)
{
    .hidden-xs
    {
        display: none !important;
    }

    .runtimeselect
    {
        display: inline-block;
    }
    #menublock
    {
        display: none;
    }
    #header .header-logo img
    {
        width: 50px;
        height: 50px;
    }
    #header .header-btn-collapse-nav
    {
        margin-right: 5px;
    }
    #header .header-nav-main nav > ul li a .fa-caret-down
    {
        right: inherit !important;
    }
    ul.nav-list.show-bg-active .active > a
    {
        padding: 8px 18px 8px 0 !important;
    }

    .box-content custom-box
    {
        display: block !important;
    }

    #header
    {
        min-height: inherit !important;
    }
    #header .header-body
    {
        min-height: inherit !important;
    }
    #header .header-container
    {
        display: block;
        padding: 0 !important;
        height: auto !important;
    }
    #Aboutus img
    {
        padding: 0px;
        width: 150px;
        float: left;
    }
    .content-container .section.content-header.content-header-image p, .content-container .section.content-header.content-header-image h1
    {
        padding-right: 3px;
    }
    #footer img
    {
        padding: 0px;
        width: 50px;
        float: left;
    }
    .logo, .links
    {
        text-align: center;
    }
    .copy-right
    {
        padding-top: 0 !important;
    }

    .contactussection .form-address-details-label span
    {
        font-size: 12px;
    }
    .contactussection .form-address-label span
    {
        font-size: 12px;
    }
    .contactussection .col-md-3
    {
        padding: 0;
        padding-left: 30px;
    }
    .header-flags
    {
        margin-top: 20px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape)
{
    .row
    {
        margin-right: 0 !important;
        margin-left: -9px !important;
    }
    .row-mobile {
        margin-right: -30px !important;
        margin-left: -30px !important;
    }
    #Aboutus img
    {
        padding: 0px;
        width: 200px;
        float: left;
    }
    .hidden-xs
    {
        display: block !important;
    }
    #header
    {
        min-height: auto !important;
    }
    #header .header-body
    {
        min-height: auto !important;
    }
    #header .header-container
    {
        display: table !important;
        padding: inherit !important;
        height: inherit !important;
    }
    .contactussection .form-address-details-label span
    {
        font-size: inherit;
    }
    .contactussection .form-address-label span
    {
        font-size: inherit;
    }
    .header-flags
    {
        margin-top: 20px;
    }
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px)
{
    #Aboutus img
    {
        padding: 0px;
        width: 200px;
        float: left;
    }
    .hidden-xs
    {
        display: inline block !important;
    }
    #header
    {
        min-height: auto;
    }
    #header .header-body
    {
        min-height: auto;
    }
    #header .header-container
    {
        display: table !important;
        padding: inherit !important;
        height: auto !important;
    }
    .contactussection .form-address-details-label span
    {
        font-size: inherit;
    }
    .contactussection .form-address-label span
    {
        font-size: inherit;
    }
    .header-flags
    {
        margin-top: 20px;
    }

}