/*------------------------------------------------------------------------------------*/
/*------------------------------  YOUR CUSTOM CSS STYLE  -----------------------------*/

body{
    font-family: 'Gotham', sans-serif;
    color:#fff;
}

.topnav .navbar-toggle {
    margin-top: 20px;
}

.topnav ul.nav > li > a{
    font-size: 12px;
}

.navbar{
    background: #fff;
}

.brand{
    display: block;
    margin-top: 5px;
}

.brand img{
    margin-top: 0px;
    height: 48px;
    padding: 3px;
}

.brand-name{
    display: inline-block;
    font-size: 38px;
    text-transform: uppercase;
    padding-top: 20px;
    padding-left: 15px;
    vertical-align: top;
    font-weight: 600;
    color: #790b1b;
}

#intro h1.well-come{
    font-family: 'Gotham', sans-serif;
    font-weight: 600;
    font-size: 27px;
    width: 100%;
    margin: 50px 0 5px;
    letter-spacing: 1px;
    padding: 0px;
    line-height: 32px;
}

#intro .sub-title{
    width: 100%;
}

#intro h3.well-come{
    font-family: 'Gotham',sans-serif;
    width: 100%;
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 32px;
    font-weight: 700;
    color: #f5f5f5;
    background: #902826;
    margin: 0px auto;
    padding: 0px;
}

/*.navbar-default .navbar-toggle{
    background: #fff;
    border:none;
    margin-top: 20px;
    margin-right: 15px;
}
.navbar-default .navbar-toggle:after,
.navbar-default .navbar-toggle:before,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:visited,
.navbar-default .navbar-toggle:focus
{
    background: #fff;
}

.navbar-default .navbar-toggle .icon-bar  {
    background: #2A2A2A;
}

.navbar-nav{
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a{
    padding: 0px 20px;
    line-height: 72px;
    letter-spacing: 2px;
}

.navbar-fixed-top .navbar-collapse{
    max-height: none;
}

ul.nav > li > a{
    font-size: 13px;
}*/

#negotiate-text{
    background: #144875;
    color: #fff;
    padding: 40px 15px;
}

address{
    color: #848484;
    font-size: 14px;
    line-height: 1.8
}

.address-title{
    font-weight: 700;
    text-transform: uppercase;
    padding: 0px;
    text-align: center;
}

#copyright{
    margin: 20px 0 0 0;
}

#about-collapse-btn{
    color:#fff;
}

.description{
    background: rgb(203, 149, 36);
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    padding: 10px 30px;
    margin-top: 0px;
    margin-bottom: 20px;
}


#discover{
    padding: 40px 15px;
    /*padding: 60px;*/
    background: rgba(239, 234, 234, 0.9);
    color: #000;
}

.division{
    background-repeat: no-repeat;
    background-size:cover;
    height: 176px;
}

.division-partner{
    background-image: url('../img/partner-sm.jpg');
}

.division-attorney{
    background-image: url('../img/global-attorney-advisors-sm.jpg');
}

.division-patent{
    background-image: url('../img/ip-careers-international-sm.jpg');
}


.division-title{
    color: white;
    display: block;
    font-size: 26px;
    font-weight: 700;
    line-height: 42px;
    padding: 50px 35px;
    background: rgba(0, 0, 0, 0.8);
}

.division-title:hover{
    color:#fff;
}

.division-title span{
    display: block;
}

.section-contact{
    padding-top: 40px;
    padding-bottom: 40px;
}

.contact-form{
    margin-bottom: 30px;
}


footer{
    padding: 30px 0;
    background: #28292a;
    color: #fff;
}

footer h3{
    color:#fff;
}

footer a, footer p{
    color:#fff;
}

footer a:hover{
    color:#fff;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Gotham', sans-serif;
}

h1{

}

/*h1.well-come{
    line-height: 64px;
    margin-bottom: 20px;
    letter-spacing: 8px;
}*/

h3{
    line-height: 30px;
}

.header-lg{
    padding: 0px;
    background-size: cover;
    background-position: 25% 0px;
}

.topnav.topnav-top ul.nav > li > a {
    height: 73px;
    line-height: 73px;
}

.negotiate-item{
    color: #144875;
    background: #fff;
    padding: 20px 15px;
    text-align: center;
    margin-top: 20px;
    height: 175px;


}
.negotiate-item i{
    margin: 10px auto;
    font-size: 42px;
}

.section-title{
    font-family: 'Gotham', sans-serif;
    color: #a94442;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0px;
    line-height: 32px;
    text-align: center;
}

h3.section-title{
    font-weight: 700;
    color: #a94442;
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
}

.img-responsive{
    width: 100%;
    /*max-height: 250px;*/
}

h3.title-bold{
    font-weight: 700;
}

.section-about{
    background: #fff;
    padding-top:40px;
}


#about-us{
    padding-left: 15px;
    padding-right: 15px;
}

.section-about .section-title{
    text-align: left;
    margin-bottom: 10px;
}

.section-about .img-responsive{
    margin-top: 40px;
}

.section-commitment{
    background: #f5f5f5;
    padding: 0px;
}

#commitment-text {
    padding: 40px 30px 0px;
}

.section-divisions-device{
    background: #fff;
    padding-top: 60px;
}


.section-marketplace #title-wrapper{
    background-image: url(../img/city.jpg);
    padding: 60px 0px;
    background-position: 50% 70%;
}

.section-marketplace{
    padding-bottom: 40px;
}

.section-marketplace .section-title{
    font-size: 32px;
    font-weight: 700;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    background: rgba(18, 18, 18, 0.78);
    padding: 20px 0px;
    text-align: center;
}

.section-attorneys .section-title,
.section-decisions .section-title,
.section-firms .section-title,
.section-history .section-title,
.section-shop .section-title,
.section-negotiate .section-title
{
    color:#fff;
}

.section-shop-dark .section-title{
    color: #333;
}
.section-shop-dark p{
    color: #333;
}

section p{
    color: #555;
}

.section-decisions .section-title{
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 10px;
}

.section-decisions p{
    color:#fff;
    line-height: 24px;
}

.section-difference,
.section-firms,
.section-shop,
.section-global,
.section-results,
.section-why-us{
    padding-top: 40px;
    padding-bottom: 40px;
}

.section-attorneys{
    background-image: url('../img/we-represent-attorneys.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.section-attorneys .container{
    background: rgba(144, 40, 38, 0.86);
    background: rgba(27, 47, 80, 0.85);
    padding: 40px 15px;
}

.section-career {
    background: #f5f5f5;
}

.section-decisions{
    padding-top: 40px;
    background: #a94442;
}

.section-discover{
    background-image: url('../img/desk-bg.jpg');
    background-size: cover;
    padding: 0;
}

.section-discover .section-title,
.section-divisions .section-title{
    text-align: center;
    padding: 0px 10px;
}

.section-divisions .section-title{
    margin-bottom: 10px;
}


.section-firms p,
.section-attorneys p,
.section-history p,
.section-glimpse p,
.section-shop p,
/*.section-shop-dark p,*/
#negotiate-text p
{
    color: #fff;
}

.section-glimpse{
    background: rgb(204, 148, 13);
}

.section-difference{
    background: #ccc;
    padding-top: 60px;
    padding-bottom: 80px;
}
.section-difference .section-title{
    color: #555;
    font-size: 32px;
}

.section-history{
    background-image: url('../img/history.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.section-history .animated{
    background: rgba(169,68,66,.85);
    padding: 30px 15px;
}

.section-experts, .section-negotiate{
    background: #dadee1;
}

.section-experts{
    padding-top: 60px;
}

.section-negotiate {
    padding: 40px 0;
}

.section-negotiate .container{
    width: 100%;
}


.section-shop{
    background: #a94442;
    color: #fff;
}


.section-shop-dark{
    background: #222;
    background: #ddd;
    background: #e7af10;
    color: #fff;
    color: #333;
}


#protect [class*='col-']{
    height: 100%;
}

#protect .img-col{
    padding: 0px;
}

/*#protect .img-responsive{
    height: 100%;
}*/


.section-overlay{
    background: rgba(0,0,0,.62)!important;
    z-index: 1;
}

/*.section-why-us .section-title{
    margin-top: 40px;
}*/

.section-glimpse .container{
    padding: 40px 15px;
}

.section-shop-dark .title-col,
.section-glimpse .title-col{
    border-right: 1px solid #fff;
    padding-bottom: 2%;
}

#protect .section-title{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 30px;
    border: none;
    font-size: 36px;
    line-height: 42px;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
}

.section-attorneys .section-title,
/*.section-shop-dark .section-title,*/
.section-glimpse .section-title{
    font-size: 32px;
    line-height: 42px;
    color: #fff;
    font-weight: 700;
}

.section-shop .section-title{
    font-size: 28px;
    line-height: 42px;
    text-align: center;
    border: none;
}

.section-shop-dark .img-responsive {
    margin-bottom: 0px;
}

.section-glimpse .section-title span,
.section-attorneys .section-title span
{
    font-size: 38px;
    /*text-transform: none;*/
}

.section-glimpse .img-responsive{
    width: 100%;
    margin: 20px auto 0px;
    height: 200px;
}

#masking-span {
    font-size: 22px;
    font-weight: 700;
}

.section-attorneys a, .section-shop a{
    color:#fff;
}

.section-attorneys a:hover, .section-marketplace a:hover{
    color:#fff;
}

.animated .bg-dark{
    background: rgba(33, 31, 31, 0.85);
}

.no-space{
    padding: 0px;
}

.nav-hold.container{
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

.textarea-lg.placeholder{
    font-size: 18px;
}

#versus,#versus-dark .list-group-item{
    margin-bottom: 5px;
}
.fa .fa-building .fa-3x{
    text-align: right;
}
#versus,#versus-black{
    margin-top: 20px;
}
#versus .list-group-item>.media-body,
#versus-black .list-group-item>.media-body{
    padding-left: 15px;
    padding-top: 20px;
    font-size: 16px;
    font-weight: 600;
}

#versus li>div>.fa{
    padding: 15px;
    background: #902826;
    color: #fff;
    width: 70px;
}
#versus-black li>div>.fa{
    padding: 15px;
    background: #555;
    color: #fff;
    width: 70px;
    text-align: center;
}

.well-come{
    font-weight: 400;
    margin: 10px 5px;
    line-height: 42px;
    letter-spacing: 4px;
    padding: 20px 0;
    color: #fff;
    text-transform: uppercase;
}


/*Imac Carousel*/
.device-container{
    width: 100%;
}

.mac-wrapper{
    padding-bottom: 61%;
    position: relative;
    width: 100%;
}

.mac{
    background-image: url(../img/desk8.jpg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.screen{
    top: 3.188729%;
    bottom: 39.880%;
    left: 14.39%;
    right: 19.7786%;
    position: absolute;
}

.mac-container{
    background-image: url('../img/imac-test.png');
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
}

#factor-carousel{
    height: 100%;
}

#factor-carousel>.carousel-inner{
    height: 100%;
}

#factor-carousel .carousel-inner .item{
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

#factor-carousel .carousel-inner .item .container{
    padding: 0 5px;
}

.item-title{
    color: #fff;
    display: block;
    font-size: 62px;
    text-align: center;
    margin-top: 10%;
    line-height: 62px;
    padding: 2%;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

a.item-title:hover{
    color: #fff;
}

#carousel-controls{
    margin: 5px auto;
}

.carousel-ctrl{
    position: absolute;
    background: #333;
    color: #fff;
    margin: 5px;
    font-size: 2em;
    line-height: 32px;
    text-align: center;
    z-index: 1000;

}

.ctrl-left{
    padding: 5px;
}

.ctrl-right{
    padding: 5px 8px;
}

.row.fill{
    height: 100%;
}

.row.fill [class*='col-'] .img-col{
    padding-left: 0;
    padding-right: 0;
    height: 300px;
}
.row.fill .img-responsive{
    height: 100%;
    width: 100%;
}


.container.top-element{
    width: 100%;
}

.line{
    position: absolute;
    height: 2px;
    background: #dadee2;
}

.circle{
    position: absolute;
    border-radius: 50%;
    z-index: 1000;
    border: 2px solid;
}

.section-marketplace .circle{
    position: relative;
    margin-bottom: 20px;
}

.circle-blue{
    background: #144875;
}
.circle-red {
    background: #a94442;
}
.circle-blue, .circle-red {
    border-radius: 50%;
    padding: 45px 20px;
    margin: 15px auto;
    width: 70%;
}

.circle-blue p, .circle-red p{
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 0px;
}

.section-marketplace .circle p{
    font-size: 26px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0px;
}

/*intro*/
.circle-1{
    left: 5%;
    top: 50%;
    background: #1f7e19;
    padding: 25px 8px;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    border: 2px solid #fff;
}

.circle-2{
    left: 14%;
    top: 25%;
    border-radius: 50%;
    border: 2px solid #fff;
    width: 110px;
    height: 110px;
    background: rgb(1, 54, 120);
    padding: 20px 12px;
}

.circle-3{
    right: 4%;
    top: 37%;
    border-radius: 50%;
    border: 2px solid #fff;
    width: 140px;
    height: 140px;
    background: rgb(203, 149, 36);
    padding: 25px;
}

[class*='circle-'] p{
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    line-height: 28px;
}


.line-1{
    width: 20%;
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    bottom: 45%;
    left: -15px;
}

.line-2{
    width: 20.5%;
    transform: rotate(127deg);
    -webkit-transform: rotate(127deg);
    -moz-transform: rotate(127deg);
    -ms-transform: rotate(127deg);
    top: 48%;
    left: 20%;
}

.line-3{
    width: 25.5%;
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    left: 42.5%;
    top: 38%;
}

.line-4{
    width: 24.5%;
    transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    right: -15px;
    top: 38%;
}

/*section-divisions-device*/
.section-divisions-device{
    padding-top: 40px;
}

.mac-wrapper{
    padding-bottom: 70%;
}


.item-title{
    color: #fff;
    display: block;
    font-size: 22px;
    text-align: center;
    margin-top: 2%;
    line-height: 22px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.carousel-indicators{
    height: 20px;
    margin-bottom: 0px;
    bottom: 2px;

}

.carousel-indicators li, .carousel-indicators .active{
    margin-left: 8px;
    margin-right: 8px;
}

.section-divisions-device .description{
    font-size: 12px;
    line-height: 14px;
    padding: 8px 15px;
    margin-top: 0px;
}


/*section-divisions*/
.section-divisions {
    padding: 40px 20px;
}

/*section-marketplace*/
#title-wrapper{
    margin-bottom: 40px;
}

#shop-text {
    padding: 40px 15px;
}

.section-shop .img-col {
    margin-bottom: 0px;
    padding: 0px;
}

.section-shop-dark{
    padding-top: 40px;
}

#shop-dark-text {
    padding: 40px 15px;
}

.img-col{
    padding-left: 0px;
    padding-right: 0px;
}

.section-career .section-title
{   text-align: center;
}


#career-text{
    padding-top: 40px;
    padding-bottom: 40px;
}

.row.fill .img-responsive {
    margin-top: 20px;
    margin-bottom: 0px;
}

.section-career .row.fill .img-responsive{
    margin-top: 0px;
}

.section-decisions .img-col {
    margin-top: 40px;
}

#results-text{
    padding-bottom: 40px;
}

.negotiate-item p{
    font-size: 12px;
    line-height: 16px;
}

.img-col, .img-container{
    height: 250px;
    overflow: hidden;
}

#protect .img-col{
    height: 200px;
    overflow: hidden;
}

.map-contact{
    margin-top: 20px;
}

.content-wrap{
    width: 100%;
}

.section-contact .img-responsive{
    height: 300px;
}

.text-success h3, .text-success p{
    color:#1f7e19;
}

.text-danger h3, .text-danger p{
    color: #a94442;
}

.wrapper{
    padding: 60px 0;
    margin-top: 65px;
    position: relative;
    background: rgba(0,0,0,.48);
}

.intro-wrapper{
    margin-top: 65px;
    position: relative;
    height: 400px;
    padding: 0px;
    background: rgba(0,0,0,.45);
}

.contact-form button{
    background: #a94442;
}

.video-background{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}


@media(max-width: 320px){
    .brand-name{
        font-size: 36px;
        padding-left: 10px;
    }
    
    .brand img{
        width: 70%;
    }

    #intro h1.well-come {
        font-size: 26px;
        letter-spacing: 0px;
    }

    h3.section-title{
        text-align: center;
    }

    #intro-header{
        padding: 0px;
    }


    #carousel-controls{
        margin: 5px auto;
    }

    .content-wrap{
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .content-wrap .container{
        padding: 20px 10px;
        position: absolute;
    }


    .circle-1{
        left: 5%;
        top: 50%;
        padding: 25px 8px;
        width: 125px;
        height: 125px;
        border-radius: 50%;
        border: 2px solid #fff;
    }

    .circle-2{
        left: 14%;
        top: 25%;
        border-radius: 50%;
        border: 2px solid #fff;
        width: 110px;
        height: 110px;
        background: rgb(1, 54, 120);
        padding: 20px 12px;
    }

    .circle-3{
        right: 4%;
        top: 37%;
        border-radius: 50%;
        border: 2px solid #fff;
        width: 140px;
        height: 140px;
        background: rgb(203, 149, 36);
        padding: 25px;
    }

    [class*='circle-'] p{
        font-size: 20px;
        color: #fff;
        text-align: center;
        font-weight: 600;
        line-height: 28px;
    }


    .row.fill [class*='col-'] .img-col{
        padding-left: 0px;
        padding-right: 0px;
        height: 100%;
    }

    .row.fill .img-responsive{
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .section-about .section-title{
        text-align: center;
        margin-bottom: 0px;
    }

    .section-about .img-col{
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .section-about .img-responsive{
        margin-top: 20px;
    }

    .section-about .section-title{
        text-align: center;
    }

    .section-attorneys{
        padding: 0px;
    }


    .section-attorneys .section-title{
        font-size: 36px;
        line-height: 42px;
    }

    #commitment-text{
        padding: 40px 30px 0px;
    }

    .section-commitment .row.fill .img-responsive{
        margin-top: 0px;
        height: 100px;
    }

    .section-shop{
        padding: 40px 0px 0px;
    }

    .section-shop .section-title{
        font-size: 28px;
        line-height: 42px;
        text-align: center;
        border: none;
    }

    .section-shop .img-col{
        margin-bottom: 0px;
    }
    .section-shop .img-responsive{
        margin-bottom: 0px;
    }

    #shop-text{
        padding: 40px 15px 0px;
    }


    .section-shop-dark .img-col{
        margin-top: 0px;
    }
    .section-shop-dark .img-responsive{
        margin-bottom: 0px;
    }


    .section-marketplace .section-title{
        width: 100%;
    }


    .section-glimpse{
        padding: 0px;
    }

    .section-glimpse .container{
        width: 100%;
        padding: 40px 15px;
    }

    .section-glimpse .section-title {
        font-size: 32px;
        line-height: 42px;

    }
    .section-glimpse .title-col{
        padding: 0px;
        border:none;
    }

    .section-glimpse .img-responsive{
        width: 100%;
        margin-bottom: 10px;
    }

    #protect{
        height: 100%;
    }

    #protect [class*='col-']{
        height: 100%;
    }

    #protect .section-title{
        border: none;
        font-size: 36px;
        line-height: 42px;
    }

    #shop-dark-text{
        padding: 20px 15px;
    }
    #masking-span{
        font-size: 16px;
        font-weight: 700;
    }

    .section-negotiate{
        padding: 40px 0;
    }

    .section-decisions{
        padding: 40px 0 0;
    }

    .section-decisions .section-title{
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 10px;
    }

    .section-decisions .img-col {
        margin-bottom: 0px;
    }

    .section-divisions{
        padding: 40px 0;
    }

    .section-divisions-device .description{
        font-size: 12px;
        line-height: 14px;
        padding: 8px 15px;
        margin-top: 0px;
    }

    .section-career .row.fill .img-col{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .section-career .row.fill .img-responsive{
        margin-top: 0px;
    }

}
@media(min-width:320px) and (max-width:480px){
    .img-col,.img-container{
        height:auto;
    }
    
     .intro-wrapper{
        height: 300px;
        padding: 0px;
    }
}


@media(min-width: 360px){
    .brand-name{
        font-size: 42px;
    }
    #intro h1.well-come{
        font-size: 32px;
        letter-spacing: 0px;
    }

    #intro h3.well-come{
        font-size: 22px;
    }

    #intro-header{
        padding: 0px;
    }


    #carousel-controls{
        margin: 5px auto;
    }

    /*    .wrapper{
            margin-top: 65px;
            position: relative;
            height: 500px;
        }*/
    .content-wrap{
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .content-wrap .container{
        padding: 30px 10px;
        position: absolute;
    }

    .circle-1{
        left: 5%;
        top: 60%;
    }

    .circle-2{
        left: 14%;
        top: 35%;
    }

    .circle-3{
        right: 4%;
        top: 47%;
    }

    [class*='circle-'] p{
        font-size: 20px;
        color: #fff;
        text-align: center;
        font-weight: 600;
        line-height: 28px;
    }


    .line-1{
        bottom: 35%;
    }

    .line-2{
        top: 59%;
    }

    .line-3{
        width: 39.5%;
        left: 34.5%;
        top: 50%;
    }

    .line-4{
        top: 48%;
    }

    .section-commitment .img-col {
        padding-left: 0;
        padding-right: 0;
        height: 150px;
    }

    .section-commitment .row.fill .img-responsive {
        height: 150px;
        width: 100%;
    }

    .division-title{
        padding: 50px 40px;
    }

    /*section-divisions-device*/
    .item-title{
        margin-top: 5%;
    }

    .section-divisions-device .description{
        padding: 8px 35px;
    }

    /*section-divisions*/
    .section-divisions .description{
        padding: 10px 55px;
    }

    /*section-marketplace*/
    .circle-blue,.circle-red{
        width: 60%;
    }

}

@media(min-width: 361px) and (max-width: 414px){
    .negotiate-item p{
        font-size: 12px;
        margin-top: 5px;
    }
}

@media(min-width: 375px){
    .circle-blue, .circle-red{
        padding: 55px 25px;
    }
}

@media(min-width: 375px) and (max-width: 414px){
    #intro h1.well-come {
        font-size: 36px;
        letter-spacing: 3px;
        text-align: center;
    }

    #intro h3.well-come{
        font-size: 24px;
    }
}

@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    #intro h1.well-come{
        font-size: 32px;
        letter-spacing: 1px;
    }

    #intro h3.well-come{
        font-size: 22px;
        line-height: 34px;
    }
}

@media(min-width: 414px){
    .nav-hold.container{
        padding: 0px 15px;
    }

    .circle-2{
        left: 25%;
        top: 35%;}

    .line-3{
        width: 30.5%;
        left: 37.5%;
        top: 52%;
    }

    /*    .line-4{
            right: -10px;
        }*/

    .item-title {
        margin-top: 8%;
        padding: 2% 10%;
        font-size: 24px;
        line-height: 24px;
    }

    .section-divisions-device .description{
        padding: 8px 40px;
        font-size: 14px;
    }

    .circle-blue, .circle-red {
        padding: 55px 40px;
        width: 55%;
    }

    #intro h1.well-come{
        font-size: 34px;
        text-align: center;
    }

    .section-divisions .description {
        padding: 10px 55px;
        font-size: 18px;
    }

    .division-title {
        padding: 50px 50px;
    }

}

@media(min-width: 480px){

    #intro h1.well-come{
        font-size: 38px;
    }
    .well-come {
        padding-top: 30px;
        padding-bottom: 0px;
    }

    .circle-1{
        height: 135px;
        width: 135px;
        padding: 35px 8px;
    }

    .circle-2{
        left: 25%;
        top: 35%;
        height: 120px;
        width: 120px;
        padding: 25px 12px;
    }

    .circle-3{
        height: 160px;
        width: 160px;
        padding: 35px 30px;
    }

    .circle-blue{
        width: 45%;
    }
    .circle-red{
        width: 45%;
    }

    .item-title{
        padding: 3% 10%;
        font-size: 28px;
        line-height: 28px;
    }

    .section-divisions-device .description {
        font-size: 16px;
        line-height: 18px;
    }

    .division-container{
        width: 80%;
        margin: 0 auto;
    }

    .section-divisions .description {
        padding: 10px 65px;
    }

    .negotiate-item p{
        font-size: 14px;
        line-height: 18px;
        margin-top: 5px;
    }
}

@media(min-width: 520px){
    #intro h1.well-come{
        font-size: 42px;
        margin: 30px auto 10px;
    }


    .section-divisions-device .description {
        padding: 8px 75px;
        font-size: 14px;
    }

    .carousel-indicators{
        margin-bottom: 10px;
    }

    .carousel-indicators li, .carousel-indicators .active {
        margin: 0px 8px;
        height: 12px;
        width: 12px;
    }

    .division-container{
        width: 75%;
    }

    .circle-blue, .circle-red{
        padding: 65px 25px;
    }

    .negotiate-item p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 5px;
    }

    .section-commitment .img-col {
        height: 200px;
    }

    .section-commitment .row.fill .img-responsive {
        height: 200px;
    }

}

@media(min-width:560px){
    .line-2{
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
    }
    .line-3{
        width: 38.5%;
        left: 41.0%;
        top: 58%;
        -webkit-transform: rotate(27deg);
        -moz-transform: rotate(27deg);
        -ms-transform: rotate(27deg);
    }

    .circle-blue, .circle-red{
        padding: 85px 25px;
    }

    .section-marketplace .circle p{
        font-size: 32px;
        line-height: 32px;
    }

    .section-glimpse .img-responsive{
        height: 250px;
    }

    .division-container{
        width: 70%;
    }

    .item-title{
        font-size: 32px;
        line-height: 32px;
    }

    .section-divisions-device .description {
        font-size: 16px;
    }
}

@media(min-width: 600px){
    #intro h1.well-come{
        font-size: 42px;
        letter-spacing: 4px;
    }

    #intro h3.well-come{
        font-size: 24px;
        width: 490px;
    }

    .line-3 {
        width: 38.5%;
        left: 38.0%;
        top: 56%;}

    .division-container{
        width: 65%;
    }

    .section-divisions-device .description {
        padding: 8px 75px;
        font-size: 18px;
    }

    .item-title{
        padding: 3% 15%;
    }

    .circle-blue, .circle-red {
        padding: 75px 25px;
    }

    .circle-blue p, .circle-red p{
        font-size: 32px;
        line-height: 36px;
    }
}

@media(min-width:667px){
    #intro h1.well-come {
        font-size:46px;
    }

    .sub-title{
        width: 480px;
    }
    #intro h3.well-come {
        font-size: 28px;
        width: 525px;
        line-height: 42px;
    }

    [class*='circle-'] p{
        font-size: 22px;
    }

    .circle-1{
        height: 155px;
        width: 155px;
        left: 8%;
        padding: 40px 8px;
    }

    .circle-2{
        height: 130px;
        width: 130px;
        padding: 32px 12px;
        left: 30%;
    }

    .circle-3{
        height: 180px;
        width: 180px;
        padding: 42px 30px;
    }

    .line-1{
        width: 12%;
        left: -2px;
    }

    .line-2{
        top: 60%;
        left: 25%;
    }

    .division-container {
        width: 58%;
    }

    .section-divisions-device .description {
        padding: 8px 90px;
        font-size: 18px;
    }

    .section-glimpse .img-responsive {
        height: 400px;
    }

    .circle-blue p, .circle-red p{
        font-size: 32px;
        line-height: 42px;
    }
}

@media(min-width: 736px){
    .section-commitment .img-col {
        height: 225px;
    }

    .section-commitment .row.fill .img-responsive {
        height: 225px;
    }
    .section-divisions-device .description {
        font-size: 22px;
        line-height: 22px;
    }

    .division-container{
        width: 50%;
    }
}


@media(max-width:1024px){
    #protect br{
        display: none;
    }
}

@media(min-width:768px){
    .wrapper{
        padding: 200px 0;
    }

    #intro h1.well-come{
        font-size: 46px;
        letter-spacing: 4px;
    }
    #intro.sub-title{
        width: 530px;
    }

    #intro h3.well-come{
        font-size: 26px;
    }
    .section-about .img-col{
        height: 300px;
        overflow: hidden;
    }

    .item-title{
        margin-top: 10%;
        padding: 3% 20%;
    }

    .section-divisions-device .description {
        padding: 8px 100px;
        font-size: 18px;
    }

    .division-container{
        width: 100%;
    }

    .division{
        height: 150px;
    }

    .division-title {
        padding: 30px 40px;
        font-size: 22px;
        line-height: 32px;
    }

    .division-patent .division-title{
        padding: 45px 40px;
    }

    .section-divisions .description {
        padding: 10px 10px;
        font-size: 14px;
    }

    .circle-blue, .circle-red{
        width: 80%;
    }

}

@media(min-width: 600px) and (max-width:960px){
    .row.fill .img-responsive {
        height: auto;
        width: 100%;
    }
}

@media(min-width: 800px){
    .line-2{
        left: 22%;
    }

    .line-3{
        width: 38.5%;
        left: 40.0%;
        top: 58%;
        transform: rotate(22deg);
        -webkit-transform:  rotate(22deg);
        -moz-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
    }

    .line-4{
        right: -15px;
    }

    .section-commitment .row.fill .img-responsive {
        height: 250px;
    }

    .item-title{
        font-size: 36px;
        line-height: 36px;
    }

    .section-divisions-device .description {
        font-size: 22px;
        line-height: 24px;
        padding: 8px 100px;
    }

    .carousel-indicators{
        height: 40px;
    }

    .section-divisions .description {
        padding: 10px 15px;
    }
}

@media(min-width: 900px){

    .line-2{
        left: 17%;
        width: 30%;
        transform: rotate(135deg);
    }

    .circle-1{
        height: 165px;
        width: 165px;
        padding: 47px 8px;
    }

    .circle-2{
        height: 145px;
        width: 145px;
        padding: 38px 12px;
        left: 35%;

    }

    .circle-3 {
        height: 190px;
        width: 190px;
        padding: 50px 30px;
        right: 8%;
    }

    .section-commitment .img-col {
        height: 250px;
    }

    .section-commitment .row.fill .img-responsive {
        height: 250px;
    }
    .section-divisions-device .description {
        padding: 8px 140px;
    }

    .section-divisions .description {
        padding: 10px 28px;
    }

    .division-title {
        padding: 45px 40px;
    }

    .circle-blue, .circle-red{
        width: 70%;
    }
}

@media(min-width: 960px){
    .img-col, .img-container {
        height: 275px;
    }

    .circle-blue, .circle-red{
        width: 65%;
    }

    #intro h1.well-come{
        font-size: 52px;
    }

    #intro h3.well-come {
        width: 590px;
    }

    .item-title {
        font-size: 46px;
        line-height: 52px;
    }

    .section-divisions-device .description {
        padding: 15px 10px;
    }

    .section-divisions .description {
        padding: 10px 38px;
    }
}

@media(max-width: 1024px){
    .content-wrap .container {
        padding: 30px 15px;
    }
    .topnav ul.nav > li > a {
        letter-spacing: 0px;
        padding: 0 10px;
    }
}

@media(min-width: 1024px){

    .content-wrap .container {
        padding: 30px 15px;
    }
    .container{
        width: 970px;
    }
    .content-wrap .container{
        position: relative;
    }
    #intro h1.well-come {
        font-size: 52px;
        width: 100%;
        margin: 30px 0 5px;
        text-align: left;
        line-height: 52px;
    }

    #intro h3.well-come {
        font-size: 28px;
        margin: 0px;
    }

    .brand img{
        margin-top: 3px;
        padding-top: 0px;
    }

    .section-about{
        padding: 0px;
    }

    /*    .section-about .container, .section-glimpse .container{
            width: 970px;
        }*/

    #about-us{
        padding: 40px 30px;
    }
    .section-about .img-col {
        height: 450px;
        overflow: hidden;
    }


    .section-about .img-responsive {
        margin-top: 45px;
    }

    .section-attorneys{
        padding-bottom: 60px;
    }

    .section-attorneys .container{
        padding: 40px 60px;
    }

    .section-divisions-device{
        padding-top: 80px;
    }

    #commitment-text{
        padding: 40px 30px 30px 40px;
    }

    #mini-gallery{
        height: 430px;
    }
    #mini-gallery .row{
        height: auto;
    }

    #mini-gallery .img-col {
        height: 215px;
    }

    .section-commitment .row.fill .img-responsive{
        margin-top: 0px;
        height: 215px;
    }

    .section-discover .container{
        width: 800px;
    }
    #discover{
        padding: 40px;
    }

    .division-container {
        width: 90%;
    }

    .circle-blue, .circle-red {
        width: 100%;
        padding: 25px 30px;
        margin-top: 0px;
    }

    .circle-blue p, .circle-red p{
        font-size: 24px;
        line-height: 30px;
    }

    .section-marketplace .circle p {
        font-size: 26px;
        line-height: 32px;
    }

    .section-glimpse .img-responsive {
        height: 250px;
    }

    .section-glimpse .title-col {
        padding-bottom: 0%;
    }

    .section-shop .img-col {
        height: 432px;
    }

    .section-shop .img-responsive{
        height: 100%;
        min-width: 550px;
    }
    .section-shop-dark, .section-decisions{
        padding-top: 0px;
    }

    .section-shop-dark .img-responsive{
        height: 100%;
        min-width: 400px;
    }
    #protect .img-col{
        height: 290px;
    }

    #protect .title-col{
        margin-top: 30px;
    }

    #protect .section-title{
        font-size: 34px;
        line-height: 52px;
        margin-top: 40px;
        padding: 25px 0;
        border-right: 1px solid #fff;
    }

    .section-results .section-title{
        text-align: left;
    }

    .col-text{
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .section-decisions .img-col{
        height: 310px;
        margin-top: 0px;
    }
    .section-decisions .row.fill .img-responsive{
        margin-top: 0px;
    }

    .section-career .row.fill .img-col{
        height: 320px;
    }

    .section-results .img-container {
        height: 220px;
        margin-top: 5px;
    }

    .section-career .section-title,
    .section-commitment .section-title
    {   text-align: left;
    }

    #results-text{
        padding-bottom: 0px;
    }

}

@media(min-width: 1200px){
    .content-wrap .container{
        position: relative;
    }
    #intro h1.well-come {
        margin: 40px 0 10px;
        letter-spacing: 7px;
    }
    #intro h3.well-come {
        font-size: 28px;
        margin: 0px;
        width: 640px;
    }

    .section-about .img-col {
        height: 350px;
    }

    .line-2 {
        left: 7%;
        width: 25%;
        transform: rotate(145deg);
    }

    .line-3 {
        width: 36.5%;
        left: 30.0%;
        top: 58%;
        transform: rotate(22deg);
    }

    .line-4 {
        right: 5%;
        width: 35%;
        top: 25%;
        transform: rotate(-60deg);
    }

    .circle-1{
        left: 5%;
    }

    .circle-2{
        left: 25%;
    }

    .circle-3{
        right: 27%;
    }

    .item-title{
        padding: 3% 22%;
    }

    #mini-gallery{
        height: 350px;
    }

    #mini-gallery .img-col {
        height: 175px;
    }

    .section-commitment .row.fill .img-responsive {
        height: 175px;
    }
    .section-shop .img-col {
        height: 380px;
    }

    .section-negotiate .container{
        width: 970px;
    }

    .section-global .img-container{
        height: 230px;
    }

    #shop-text{
        padding: 40px 30px;
    }

    #protect .section-title{
        padding: 10px 0px 15px;
        font-size: 46px;
        line-height: 68px;
        border-right: 1px solid #fff;
        margin-top: 30px;
    }

    #protect .img-col {
        height: 290px;
    }

    #negotiate-text{
        padding: 40px 30px;
    }

    #results-text {
        padding-bottom: 0px;
    }

    .col-text{
        padding: 40px 30px;
    }

    #career-text{
        padding: 40px 30px;
    }

    .section-decisions .section-title,
    .section-career .section-title,
    .section-shop .section-title
    {
        text-align: left;
    }

    .section-decisions .img-col {
        height: 255px;
    }
    .section-career .row.fill .img-col {
        height: 290px;
    }
    .section-decisions .img-col {
        padding-right: 30px;
    }

    .section-career .img-col {
        padding-left: 30px;
    }
}

@media(min-width:1366px){
    .container-fluid{
        width: 1270px;
    }

    .section-marketplace .container-fluid{
        width: 100%;
    }

    .item-title {
        padding: 3% 25%;
    }

    .mac-wrapper{
        padding-bottom: 55%;
    }

    .mac{
        width: 1270px;
        margin: 0 auto;
    }
}

@media(min-width: 1440px){
    .circle-1{
        left: 10%;
    }

    .circle-2{
        left: 30%;
    }

    .line-2{
        left: 12%;
        width: 25%;
        transform: rotate(150deg);
    }

    .line-3{
        width: 34%;
        left: 33.0%;
    }

    .mac-wrapper{
        padding-bottom: 50%;
    }

}

@media(min-width: 1500px){


    #shop-text{
        padding: 40px 30px;
    }

    #protect .section-title {
        padding: 25px 0px 15px;
        font-size: 53px;
        line-height: 68px;
        border-right: 1px solid #fff;
        margin-top: 40px;
    }

    #protect .img-col {
        height: 350px;
    }

    #shop-dark-text {
        padding: 40px 30px;
    }

    .section-negotiate .container {
        width: 970px;
    }
}

@media(min-width: 1600px){
    .container{
        width: 1170px;
    }

    .section-about .img-col {
        height: 380px;
        overflow: hidden;
    }

    .section-divisions .description {
        padding: 10px 60px;
    }

    .circle-blue p, .circle-red p {
        font-size: 28px;
    }

    .circle-blue, .circle-red {
        width: 100%;
        padding: 35px 40px;
        margin-top: 0px;
    }

    .section-results .img-container {
        height: 190px;
    }
}
@media(min-width:1680px){
    .line-3{
        transform: rotate(18deg);
    }

    .mac-wrapper{
        padding-bottom: 44%;
    }

}
@media(min-width:1900){
    .mac-wrapper{
        padding-bottom: 40%;
    }
}