@media only screen and (max-device-width: 4000px) and (min-width: 2000px) {
    .computerimage {
        width: 603px;
        height: 499px;
        left: 659px;
        position: relative;
        bottom: 356px;
        z-index: -1;
    }

    .whychooseq {
        padding-left: 200px;
    }

    #obboxcontainer {
        width: 36%;
        margin: 0px auto;
    }

    .topring1 {
        width: 120px;
        margin-top: 100px;
        right: -42px;
        position: relative;
    }

    .innercontainer {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 0px auto;
        max-width: none;
    }
}


@media only screen and (min-width: 2000px) {
    /* for sumo sized (mac) screens */

    #obboxcontainer {
        width: 36%;
        margin: 0px auto;
    }

    .whychooseq {
        padding-left: 176px;
    }
}


@media screen and (max-width: 1920px) and (min-width: 1080px) {
    .topring1 {
        width: 120px;
        margin-top: 100px;
        right: -42px;
        position: relative;
    }

    #obboxcontainer {
        width: 47%;
        margin: 0px auto;
        margin-left: 561px;
    }

    .whychooseq {
        padding-left: 366px;
    }

}
@media screen and (max-width: 1600px) and (min-width: 1000px) {
    .whychooseq {
        padding-left: 234px;
    }
    #obboxcontainer {
        width: 47%;
        margin: 0px auto;
        margin-left: 406px;
    }
}


@media screen and (max-width: 1500px) and (min-width: 1000px) {
    .whychooseq {
        padding-left: 188px;
    }

    #obboxcontainer {
        width: 58%;
        margin: 0px auto;
        margin-left: 350px;
    }

}

@media only screen and (min-width: 1440px) {
    /* styles for browsers larger than 1440px; */
}

@media screen and (max-width: 1366px) {
    #innercontainer {
        width: 85%;
        max-width: 1555px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 0px auto;
    }

}

@media screen and (max-width: 1280px) {
    #obboxcontainer {
        width: 61%;
        margin: 0px auto;
        margin-left: 268px;
    }

    .whychooseq {
        padding-left: 93px !important;
    }

    .topring1 {
        width: 120px;
        margin-top: 100px;
        right: 26px;
        position: relative;
    }

}

@media only screen and (min-width: 960px) {
    /* styles for browsers larger than 960px; */
}

@media only screen and (device-width: 768px) {
    .topring1 {
        display: none;
    }

    .topring2 {
        display: none;
    }
}

/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    .topring1 {
        display: none;
    }

    .topring2 {
        display: none;
    }
    
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    .topring1 {
        display: none;
    }

    .topring2 {
        display: none;
    }

    #obboxcontainer {
        width: 50%;
    }
}

@media only screen and (max-device-width: 480px) {
    .indexofferingdiv {
        width: 93px;
        float: left;
        height: 110px;
        padding-top: 20px;
    }

    .indexofferingdiv figure {
        margin-bottom: 0.1rem;
    }

    .indexofferingdiv figure img {
        width: 50%;
    }

    .indexofferingdiv figcaption {
        font-size: 0.6rem;
    }

    .indexaboutusbox1 {
        margin-top: 45px;
    }

    .indexaboutusbox2 {
        margin-top: 45px;
    }

    .indexmeetteamrow {
        width: 100%;
        float: left;
    }

    .indexmeetteamcol {
        width: 100%;
        float: left;
    }

    .indexmeetteamcolm {
        width: 100%;
        float: left;
        margin: 50px 0px;
    }

    #indexwhychoose p {
        width: 85%;
    }

    .home-why-choose {
        height: 617px;
    }

    #obboxcontainer {
        width: 500px;
    }

    .obbox {
        width: 166px;
    }

    .missionpage {
        padding: 21px;
        bottom: 90px;
        position: relative;
        z-index: 100;
    }

    .visionpage {
        padding: 26px;
        left: 11px;
        position: relative;
        z-index: -1;
    }

    .topring2 {
        width: 98px;
        margin-left: 260px;
        position: relative;
        top: 561px !important;
        z-index: 1;
        rotate: 10deg;
    }

    .topring1 {
        width: 98px;
        left: 14px;
        position: relative;
        top: 279px;
        z-index: -1;
        rotate: 333deg;
    }

    .topring3 {
        z-index: -1;
        position: relative;
        right: 82px;
        width: 98px;
        left: -28px;
        bottom: 55px;
    }

    .ringsmall1 {
        display: none;
    }

    .ringsmall2 {
        display: none;
    }

    .ringsmall3 {
        display: none;
    }

    .ringsmall4 {
        display: none;
    }

    .bottomringcicle1 {
        z-index: 1000;
    }

    .topringcircle3 {
        z-index: 100;
    }

    .indexaboutusptag {
        font-size: 0.875rem;
        font-family: "GeneralSans-Regular";
        color: #3C3D3D;
        opacity: 70%;
    }

    .whychooseq {
        padding-left: 66px !important;
    }

    #indexherosection {
        padding: 20px;
    }

    #indexourbackground h1 {
        font-family: "GeneralSans-Semibold";
        font-size: 2.25rem;
        color: #07274A;
        text-align: center;
        margin: 0px auto 20px auto;
        text-align: left;
    }

    #indexourbackground p {
        font-family: "GeneralSans-Regular";
        color: #3C3D3D;
        font-size: 1rem;
        text-align: left;
        opacity: 70%;
    }

    #herosection .heroheading {
        font-family: "GeneralSans-Semibold";
        color: #0A3D70;
        font-size: 2.5rem;
        text-align: left;
        padding-left: 16px;
    }

    #herosection .herotext {
        font-family: "GeneralSans-Regular";
        color: #3C3D3D;
        font-size: 1rem;
        text-align: left;
        padding-left: 17px;
        opacity: 70%;
    }

    .herobutton {
        text-align: left;
    }

    #indexwhychoose h2 {
        font-family: "GeneralSans-Semibold";
        color: #07274A;
        font-size: 2.25rem;
        text-align: left;
        padding-top: 0px;
    }

    #indexaboutus h1 {
        font-family: "GeneralSans-Semibold";
        color: #07274A;
        font-size: 2.188rem;
        margin-top: -352px;
    }

    .obbox {
        position: relative;
        background-color: white;
    }

    #obboxcontainer {
        position: relative;
        z-index: 0;
    }

    .navbar-toggler .collapsed {
        border: 0px;
    }

   
    .videoiframe {
        height: 353px;
        padding: 18px;
    }

    .video-container {
        width: 349px;
        margin: 0 auto;
        background-color: black;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.4);
        height: 211px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }

    .computerimage {
        width: 353px;
        height: 498px;
        left: 19px;
        position: relative;
        bottom: 356px;
        z-index: -1;
    }

    #indexmeetteam {
        width: 90%;
        margin: 20px 30px 80px 20px;
    }

    #indexmeetteam .teammember {
        -webkit-box-shadow: 0px 0px 5px 2px rgba(218, 215, 215, 1);
        -moz-box-shadow: 0px 0px 5px 2px rgba(218, 215, 215, 1);
        box-shadow: 0px 0px 5px 2px rgba(218, 215, 215, 1);
        border-radius: 37px;
        padding: 60px 40px;
    }

    .knowmorebutton {
        margin-bottom: 60px;
    }

    .navbar-brand img {
        width: 147px;
    }

    .nocornergradient {
        background: none !important;
    }

    .indexaboutusbox2 p {
        text-align: center;
        margin: 11px 25px;
    }

    #maincontainer {
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .subbutton {
        margin-top: 10px;
    }
    .nav-item{
        position: relative;
        left: 30px;
    }
    .btn-contactus{
        right: 15px;
        position: relative;
    }
    #indexherosection {
        height: 587px;
    }
    .captcha-input {
        width: 83%;
    }
}

@media only screen and (max-width: 430px) {
    .obbox {
        width: 170px;
        height: 119px;
        border-radius: 15px;
        -webkit-box-shadow: 0px 0px 5px 2px rgba(78, 143, 216, 1);
        -moz-box-shadow: 0px 0px 5px 2px rgba(78, 143, 216, 1);
        box-shadow: 0px 0px 5px 2px rgba(78, 143, 216, 1);
        padding: 26px;
        margin: 15px;
    }

    #obboxcontainer {
        margin-left: auto;
    }

    .subbutton {
        margin-top: 10px;
    }
    .nav-item{
        position: relative;
        left: 30px;
    }
    .btn-contactus{
        right: 15px;
        position: relative;
    }
    #indexherosection {
        height: 587px;
    }
    .home-why-choose {
        height: 555px;
        bottom: 17px !important;
    }
    .whychooseq {
        padding-left: 66px !important;
    }
    .topleftcorner {
        background: none !important;
    }

    .bottomrightcorner {
        background: none !important;
    }

    .bottomleftcorner {
        background: none !important;
    }
    .captcha-input {
        width: 83%;
    }
}

@media only screen and (max-width: 414px) {
    .computerimage {
        width: 353px;
        height: 498px;
        left: 13px;
        position: relative;
        bottom: 356px;
        z-index: -1;
    }

    .nocornergradient {
        background: none !important;
    }

    #maincontainer {
        overflow-x: hidden;
        overflow-y: hidden;
    }

    
    .obbox {
        width: 170px;
        height: 119px;
        border-radius: 15px;
        -webkit-box-shadow: 0px 0px 5px 2px rgba(78, 143, 216, 1);
        -moz-box-shadow: 0px 0px 5px 2px rgba(78, 143, 216, 1);
        box-shadow: 0px 0px 5px 2px rgba(78, 143, 216, 1);
        padding: 26px;
        margin: 15px;
    }

    #obboxcontainer {
        margin-left: auto;
    }

    .topleftcorner {
        background: none !important;
    }

    .bottomrightcorner {
        background: none !important;
    }

    .bottomleftcorner {
        background: none !important;
    }

    .subbutton {
        margin-top: 10px;
    }
    .nav-item{
        position: relative;
        left: 30px;
    }
    .btn-contactus{
        right: 15px;
        position: relative;
    }
    #indexherosection {
        height: 587px;
    }
    .home-why-choose {
        height: 555px;
        bottom: 17px !important;
    }
    .whychooseq {
        padding-left: 66px !important;
    }
    .captcha-input {
        width: 83%;
    }
}

@media only screen and (device-width: 412px) {
    .computerimage {
        width: 353px;
        height: 498px;
        left: 10px;
        position: relative;
        bottom: 356px;
        z-index: -1;
    }

    .nocornergradient {
        background: none !important;
    }

    .topleftcorner {
        background: none !important;
    }

    .bottomrightcorner {
        background: none !important;
    }

    .bottomleftcorner {
        background: none !important;
    }

    .subbutton {
        margin-top: 10px;
    }
    .nav-item{
        position: relative;
        left: 30px;
    }
    .btn-contactus{
        right: 15px;
        position: relative;
    }
    #indexherosection {
        height: 587px;
    }
    .home-why-choose {
        height: 555px;
        bottom: 17px !important;
 
    }
    .whychooseq {
        padding-left: 56px !important;
    }
    .captcha-input {
        width: 83%;
    }
}

@media only screen and (device-width: 390px) {
    .obbox {
        width: 151px;
        left: 7px;
    }

    .ringsmall2 {
        width: 70px;
        height: 70px;
        position: relative;
        left: 112px;
        z-index: -1;
        top: 116px;
        transform: rotate(46deg);
    }

    .ringsmall3 {
        width: 70px;
        height: 70px;
        position: relative;
        left: 111px;
        z-index: 1;
        top: 108px;
        transform: rotate(3deg);
    }

    .ringsmall4 {
        width: 70px;
        height: 70px;
        position: absolute;
        left: -9px;
        top: 543px;
        transform: rotate(244deg);
        z-index: -1;
    }

    .home-why-choose {
        height: 570px;
    }

    .computerimage {
        width: 333px;
        height: 496px;
        left: 9px;
        position: relative;
        bottom: 356px;
        z-index: -1;
    }

    .videoiframe {
        height: 353px;
        padding: 18px;
    }

    .video-container {
        width: 329px;
        margin: 0 auto;
        background-color: black;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.4);
        height: 211px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }

    .knowmorebutton {
        margin-bottom: 62px;
    }

    .nocornergradient {
        background: none !important;
    }

    #maincontainer {
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .topleftcorner {
        background: none !important;
    }

    .bottomrightcorner {
        background: none !important;
    }

    .bottomleftcorner {
        background: none !important;
    }

    .subbutton {
        margin-top: 10px;
    }
    .nav-item{
        position: relative;
        left: 30px;
    }
    .btn-contactus{
        right: 15px;
        position: relative;
    }
    #indexherosection {
        height: 587px;
    }
    .home-why-choose {
        height: 555px;
        bottom: 17px !important;
    }
    .whychooseq {
        padding-left: 55px !important;
    }
    .captcha-input {
        width: 83%;
    }
}

@media only screen and (device-width: 375px) {
    .fsercol {
        width: 160px;
    }

    .fsercol .title {
        font-size: 0.75rem;
    }

    #heroleftsection p {
        width: auto;
    }

    #obboxcontainer {
        width: 50%;
    }

    .obbox {
        width: 150px !important;
    }

    #obboxcontainer {
        width: 357px !important;
        margin-left: auto;
    }

    .ringsmall3 {
        width: 70px;
        height: 70px;
        position: relative;
        left: 93px;
        z-index: 1;
        top: 108px;
        transform: rotate(3deg);
    }

    .ringsmall2 {
        width: 70px;
        height: 70px;
        position: relative;
        left: 92px;
        z-index: -1;
        top: 116px;
        transform: rotate(46deg);
    }

    .topring2 {
        width: 98px;
        margin-left: 260px;
        position: relative;
        top: 516px;
        z-index: 1;
        rotate: 10deg;
    }

    .computerimage {
        width: 318px;
        height: 499px;
        left: 9px;
        position: relative;
        bottom: 365px;
        z-index: -1;
    }

    .videoiframe {
        height: 336px;
        padding: 12px;
    }

    .video-container {
        width: 316px;
        margin: 0 auto;
        background-color: black;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.4);
        height: 211px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }

    .home-why-choose {
        height: 555px;
        bottom: 17px !important;
    }

    .nocornergradient {
        background: none !important;
    }

    #maincontainer {
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .topleftcorner {
        background: none !important;
    }

    .bottomrightcorner {
        background: none !important;
    }

    .bottomleftcorner {
        background: none !important;
    }

    .subbutton {
        margin-top: 10px;
    }
    .nav-item{
        position: relative;
        left: 30px;
    }
    .btn-contactus{
        right: 15px;
        position: relative;
    }
    #indexherosection {
        height: 587px;
    }
    .whychooseq {
        padding-left: 56px !important;
    }
    .captcha-input {
        width: 83%;
    }
    .captcha{
        padding: 6px 3px;
    }
}


@media only screen and (device-width: 360px) {
    .computerimage {
        width: 322px;
        height: 498px;
        left: -1px;
        position: relative;
        bottom: 356px;
        z-index: -1;
    }

    .video-container {
        width: 320px;
        margin: 0 auto;
        background-color: black;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.4);
        height: 211px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }

    .indexofferingdiv {
        width: 85px;
        float: left;
        height: 110px;
        padding-top: 20px;
    }

    .home-why-choose {
        height: 555px;
        bottom: 17px !important;
    }

    .topring2 {
        width: 88px;
        margin-left: 259px;
        position: relative;
        top: 579px !important;
        z-index: 1;
        rotate: 10deg;
    }

    .topring1 {
        width: 88px;
        left: 9px;
        position: relative;
        top: 317px;
        z-index: -1;
        rotate: 333deg;
    }

    .topring3 {
        z-index: -1;
        position: relative;
        right: 82px;
        bottom: 55px;
        width: 88px;
        left: -23px;
        top: -44px;
    }


    .obbox {
        width: 148px;
        height: 108px;
        border-radius: 15px;
        -webkit-box-shadow: 0px 0px 5px 2px rgba(78, 143, 216, 1);
        -moz-box-shadow: 0px 0px 5px 2px rgba(78, 143, 216, 1);
        box-shadow: 0px 0px 5px 2px rgba(78, 143, 216, 1);
        padding: 25px;
        margin: 15px;
    }

    .ringsmall2 {
        width: 70px;
        height: 70px;
        position: relative;
        left: 79px;
        z-index: -1;
        top: 111px;
        transform: rotate(46deg);
    }

    .ringsmall3 {
        width: 70px;
        height: 70px;
        position: relative;
        left: 88px;
        z-index: 1;
        top: 114px;
        transform: rotate(3deg);
    }

    .ringsmall4 {
        width: 70px;
        height: 70px;
        position: absolute;
        left: -11px;
        top: 501px;
        transform: rotate(244deg);
        z-index: -1;
    }

    .nocornergradient {
        background: none !important;
    }

    #maincontainer {
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .topleftcorner {
        background: none !important;
    }

    .bottomrightcorner {
        background: none !important;
    }

    .bottomleftcorner {
        background: none !important;
    }

    .subbutton {
        margin-top: 10px;
    }
    .nav-item{
        position: relative;
        left: 30px;
    }
    .btn-contactus{
        right: 15px;
        position: relative;
    }
    #indexherosection {
        height: 587px;
    }
    .whychooseq {
        padding-left: 47px !important;
    }
    .captcha-input {
        width: 83%;
    }
    .captcha{
        padding: 6px 2px;
    }
}