a {
    cursor: pointer;
}
p {
    /* color: #BFBFBF; */
    font-size: 15px;
}
h3 {
    font-size:21px;
    font-weight:900;
    color: #888;
    line-height: 30px;
}

/* set all form inputs to grey background */
.form-control{
    /*background-color: #EDEDED !important;*/
    border-radius: 0px;
}
/*.input-group .form-control{*/
    /*-webkit-border-radius: 0px !important;*/
    /*-moz-border-radius: 0px !important;*/
    /*border-radius: 0px !important;*/
    /*-webkit-border-top: 0px !important;*/
    /*-moz-border-top: 0px !important;*/
    /*border-top: 0px !important;*/
    /*-webkit-border-bottom: 0px !important;*/
    /*-moz-border-bottom: 0px !important;*/
    /*border-bottom: 0px !important;*/
/*}*/

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
}
input:-webkit-autofill:hover {
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
}

.repair-request-image {
    max-height: 350px;
}

.inspection-comment p {
    color: rgb(51, 51, 51);
}

#createaccountbutton{
    width: 25%;
    min-width: 125px;
}
.custombuttonsize {
    width: 78px !important;
    border-radius: 0px;
}
/* remove right border for registration controls */
.input-group-addon{
    background-color: #EDEDED;
    border: 0px solid #ccc;
}

.merged input:first-child{
    border-right:0px;
}
.merged .input-group-addon{
    border-left:0px;
}
/*input[type=checkbox] {*/
    /*!* All browsers except webkit*!*/
    /*transform: scale(1.5);*/

    /*!* Webkit browsers*!*/
    /*-webkit-transform: scale(1.5);*/
/*}*/

#user-search-form label {
    font-size:12px;
    font-weight: normal;
}

#formcheckbox .input-group-addon {
   background-color: transparent;
    color: #BFBFBF;
}

#agreement{
    color: #BFBFBF;
    margin-bottom: 25px;
}
#topofpage p{
    color: #BFBFBF;
}
/*#fos_user_registration_form_firstname{*/
    /*border: none !important;*/
/*}*/
/*#fos_user_registration_form_lastname{*/
    /*border: none !important;*/
/*}*/
/*#fos_user_registration_form_phone{*/
    /*border: none !important;*/
/*}*/
/*#fos_user_registration_form_email{*/
    /*border: none !important;*/
/*}*/
/*#fos_user_registration_form_username{*/
    /*border: none !important;*/
/*}*/
/*#fos_user_registration_form_plainPassword_first{*/
    /*border: none !important;*/
/*}*/
/*#fos_user_registration_form_plainPassword_second{*/
    /*border: none !important;*/
/*}*/

/* tab bar that is in middle of article/index page */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #FFFFFF;
    background-color: #F8A337;
    border: 1px solid #ddd;
    cursor: default;
    border-radius: 0px;

}

.nav-tabs > li{
    border-radius: 0px;
}

.nav > li > a:hover, .nav > li > a:focus {
    border-radius: 0px;
}

.nav > li > a {
    color: #A9A9A9;
}

#features, #benefits, #whatarerecalls,#whatcanyoudo,#howitworks,#rules{
    color: #A9A9A9;
}

/* center tabs in page */
.nav-tabs {
    border-bottom: 0px solid #ddd;
}

.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    zoom:1; /* hasLayout ie7 trigger */
}

.articledate{
    font-weight: 900;

}
.articleauthor {

}
.pull-left{
    font-size:16px !important;
}
.pull-right{
    font-size:16px !important;
}
.nav-tabs, .nav-pills {
    text-align:center;
}
/* menu or nav bar */


.thumbnail.right-caption > img {
    float: left;
    margin-right: 9px;
}

.thumbnail.right-caption {
    float: left;
}

.thumbnail.right-caption > .caption {
    padding: 4px;
}

.navbar-inverse {
    background-color: #323232;
    border-color: #090909;
}

.navbar-inverse .navbar-brand {
    color: #F8A337;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ccc;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #white;
}


.panel-success > .panel-heading{
    height: 47px;

}

.panel-success > .panel-heading > a{
    color: #00a65a;
}



button:focus {
    outline: none;
}
input:focus {
    outline: 0 !important;
}

header{
    max-width: 100%;
}

p a{
    /* color: #BFBFBF; */
}
p a:hover{
    color: #BFBFBF;
}

.inspector-comment-hide {
    height: 65px;
    overflow-y: hidden;
}

#repair-list-image-div {
    padding-left: 30px;
    height: 370px;
    overflow-y: 0;
}

/*footer {*/
    /*left:0px;*/
    /*bottom:0px;*/
    /*background: #515356;*/
    /*margin: 0;*/
    /*height:100px;*/

/*}*/
/*!*footer, .push {*!*/
/*footer {*/
    /*!*position: absolute;*!*/
    /*width: 100%;*/
    /*bottom: 0;*/
    /*!*margin-top: 20px;*!*/
    /*height: 130px;*/
    /*margin-bottom: -245px;*/
/*}*/
/*#services-footer {*/
    /*border-left: 1px solid #B1B2B1;*/
    /*border-right: 1px solid #B1B2B1;*/
    /*height: 130px;*/
/*}*/
/*footer p{*/
    /*color: #BFBFBF;*/
/*}*/
/*footer div.container{*/
    /*width: 100% ;*/
    /*height:100%;*/
    /*background: #515356 ;*/
/*}*/

/*.serviceFooter{*/
    /*padding:10px 10px;*/
/*}*/
/*.copyrightFooterLine1{*/
    /*padding-bottom: 0px;*/
    /*margin-top: 0px;*/
/*}*/
/*.copyrightFooterLine2{*/
    /*padding-bottom: 0px;margin-top: 0px;*/
/*}*/
/*.privacyFooter{*/
    /*padding:10px;*/
/*}*/
/*.privacyFooterLine1{*/
    /*padding-bottom: 0px;*/
    /*margin-top:0px*/
/*}*/
/*.privacyFooterLine2{*/
    /*margin-top: 5px*/
/*}*/
/*.privacyFooterLine1 > a, .privacyFooterLine2> a{*/
    /*color: #BFBFBF;*/
/*}*/
/*.privacyFooterLine1 > a:hover, .privacyFooterLine2 > a:hover {*/
    /*color: #BFBFBF;*/
/*}*/
body{
    background-color: #FFFFFF;
}

/* social buttons like facebook in footer */

/*#social {*/
    /*margin: 10px 10px;*/
    /*text-align: center;*/
    /*padding-bottom: 0%;*/
/*}*/

.smGlobalBtn { /* global button class */
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 25px;
    height: 25px;
    border:2px solid #BFBFBF; /* add border to the buttons */
    box-shadow: 0 3px 3px #999;
    padding: 0px;
    text-decoration: none;
    text-align: center;
    color: #515356;
    font-size: 12px;
    font-weight: normal;
    line-height: 2em;
    border-radius: 27px;
    -moz-border-radius:27px;
    -webkit-border-radius:27px;
}

/* facebook button class*/
.facebookBtn{
    background: #B1B2B1;
}

.facebookBtn:before{ /* use :before to add the relevant icons */
    font-family: "FontAwesome";
    content: "\f09a"; /* add facebook icon */
}

.facebookBtn:hover{
    color: #515356;
    background: #fff;
    border-color: #4060A5; /* change the border color on mouse hover */
}

/* twitter button class*/
.twitterBtn{
    background: #B1B2B1;
}

.twitterBtn:before{
    font-family: "FontAwesome";
    content: "\f099"; /* add twitter icon */

}

.twitterBtn:hover{
    color: #00ABE3;
    background: #fff;
    border-color: #00ABE3;
}

/* google plus button class*/
.googleplusBtn{
    background: #B1B2B1;
}

.googleplusBtn:before{
    font-family: "FontAwesome";
    content: "\f0d5"; /* add googleplus icon */
}

.googleplusBtn:hover{
    color: #e64522;
    background: #fff;
    border-color: #e64522;
}

/* linkedin button class*/
.linkedinBtn{
    background: #B1B2B1;
}

.linkedinBtn:before{
    font-family: "FontAwesome";
    content: "\f0e1"; /* add linkedin icon */
}

.linkedinBtn:hover{
    color: #0094BC;
    background: #fff;
    border-color: #0094BC;
}

/* pinterest button class*/
.pinterestBtn{
    background: #cb2027;
}

.pinterestBtn:before{
    font-family: "FontAwesome";
    content: "\f0d2"; /* add pinterest icon */
}

.pinterestBtn:hover{
    color: #cb2027;
    background: #fff;
    border-color: #cb2027;
}

/* tumblr button class*/
.tumblrBtn{
    background: #3a5876;
}

.tumblrBtn:before{
    font-family: "FontAwesome";
    content: "\f173"; /* add tumblr icon */
}

.tumblrBtn:hover{
    color: #3a5876;
    background: #fff;
    border-color: #3a5876;
}
/* register by social buttons*/
.btn-facebook {
    color: #BFBFBF;
    background-color: transparent;
    border-color: rgba(0,0,0,0.2);
    border-radius: 0px;
    width: 30%;

}

.btn-twitter {
    color: #BFBFBF;
    background-color: transparent;
    border-color: rgba(0,0,0,0.2);
    border-radius: 0px;
    width: 30%;
}

.btn-facebook:hover {
    color: white;
    background-color: #BFBFBF;
    border-color: rgba(0,0,0,0.2);
    border-radius: 0px;
}

.btn-twitter:hover {
    color: white;;
    background-color: #BFBFBF;
    border-color: rgba(0,0,0,0.2);
    border-radius: 0px;
}

.btn-social > :first-child {
    border-right: transparent;
}
/* rss button class*/
.rssBtn{
    background: #e88845;
}

.rssBtn:before{
    font-family: "FontAwesome";
    content: "\f09e"; /* add rss icon */
}

.rssBtn:hover{
    color: #e88845;
    background: #fff;
    border-color: #e88845;
}


.btn-primary {
    background-color: #00A886 !important;
    border-color: #00A886 !important;
    /*font-family: 'Nunito', sans-serif !important;*/
    border-radius: 0px;

}

.btn-danger {
    font-size: 14px;
}


#footerrow{
    /*display:flex !important;*/
}

.nav-tabs > li > a{
    /*border: medium none;*/
}
.nav-tabs > li > a:hover{
    background-color: #F8A337 !important;
    /*border: medium none;*/
    border-radius: 0px;
    color:#fff;
}
.nav-tabs > li.active > a:hover{
    background-color: #EDEDED !important;
    border: medium none;
    border-radius: 0px;
}

/* new code for custom nav bar */
#tabs > li  {
    font-size: 12px;
    color: #A9A9A9;
    background-color: #EDEDED;
    border-radius: 30px 0 0px 30px;
    margin-left: 0px;
}
#tabs > li:last-child  {
    font-size: 12px;
    color: #EDEDED;
    background-color: #EDEDED;
    border-radius: 0px 30px 30px 0px;
}
#tabs  > li {
    position: relative;
    overflow: visible;
    /*border-right: 15px solid transparent;*/
    /*background-color: #F8A337;*/
}
#tabs > li + li {
    margin-right: 0px;
    margin-left: 0px;
}
#tabs  > li + li +li {
    margin-right: 0px;
    margin-left: 0px;
}
#tabs  > li:first-child {
    border-left: 0;
    border-right: 0;
}
#tabs  > li:first-child a {
    border-radius: 30px 0 0px 30px;
}
#tabs  > li:first-child.active a {
    background-color: #F8A337;
    border-radius: 30px 0 0px 30px !important;
}

#tabs  > li:last-child {
    border-radius: 0px 3px 30px 0px;
    margin-left: 0px;
}

#tabs  > li a {
    border-radius: 0;
    background-color: #eee;
    margin-right: -6px;
}
#tabs  > li:last-child a {
    border-radius: 0px 30px 30px 0px;
    background-color: #eee;
    margin-right: 0px;
}

#tabs  > li:hover a {
    background-color: #F8A337;
    color: #fff;
}
#tabs  > li:last-child:hover a {
    background-color: #F8A337;
    color: #fff;
    border-radius: 0px 30px 30px 0px !important;
}

#tabs > li:last-child {
    background-color: transparent;
    border-radius: 0px 30px 30px 0px;
}

#tabs  > li.active a {
    background-color: #F8A337;
}
#tabs  > li:last-child.active a {
    background-color: #F8A337;
    border-radius: 0px 30px 30px 00px;
}
#tabs > li.active > a:hover{
    background-color: #EDEDED !important;
    border: medium none;
    border-radius: 0px;
}
#tabs  > li:last-child.active a:hover {
    border-radius: 0px 30px 30px 00px;
}

/* end new code for custom nav bar */

#articlecontent {
    border: 0;
    transform: translate(5%, 0);
    width: 90%;
    padding-left: 10%;
    padding-right: 10%;
}
.cps-image{
    /*border-style: none;*/
    /*border-width: 1px;*/
    /*border-color: #B5BACC;*/
    width: 100%;
    /*transform: translate(-1%, 0);*/
    /*width: 120%;*/
}

.cps-bar{
    background-color: #515356;
    color: whitesmoke;
    /*transform: translate(-1%, 0);*/
    width: 100%;
    margin-top: -40px;


}

.cps-bar h1 {
    color: whitesmoke;
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 35px;
    text-align: center;
    font-weight: 600;

}

#articlecontent{
    margin-top: 40px;
}

#registernowbutton{
    padding-top: 5px;
}

.cps-bar.text-center p{
    font-size: 20px;
    letter-spacing: 3px;
    line-height: 35px;
    text-align: center;
    font-weight: 600;

}



.borders-top-bottom{
    border-style: solid;
    border: 1px solid lightgrey;
    border-right: 0;
    border-left: 0;
    padding: 2em 1em 1em 1em;
    margin:1em;
    margin-top:70px;
    /*transform: translate(-10%, 0);*/
    /*width: 119%;*/
    max-width: 100%;
}
.borders-top-bottom > div {
    text-align: center;
    padding:10px;margin:0px;

}
.borders-top-bottom > div > p{
    text-align: center;

}


.grow:hover
{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


.panel-heading{
    margin-top: 15px;
    padding-bottom: 0;
}

.panel-heading h2 {
    margin-bottom: 0;
}

a {
    /* color: #8F9092; */
}

a:hover {
    text-decoration: none;
    color: #515356;
}


.item-actions > a.btn + a.btn {
    margin-top: 2px;
    margin-bottom: 2px;
}
.circle-header{
    color: white !important;
    background-color: #00A886 !important;
    border: 0 none;
    width: 110px;
    height: 110px;
    text-align: center;
    padding: 12px 0;
    margin-bottom: 32px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.428571429;
    border-radius: 50%;

}
.panel {
    padding-bottom: 55px;
}

#topimage{
    width:100%;
    height:auto;
}

.featurette-heading {
    color: #ccc;

}
.pull-right-date {
    font-size: 12px !important;
    /*background: #FBFBFB;*/
    padding-right:5px;
    padding-bottom: 15px;
    text-align: right;

}

.article-background {
    background-color: #fbfbfb;
}

/*small tabs CSS and modal CSS */
button:focus {
    outline: none;
}
body.modal-open {
    overflow: visible;
}
/*.modal-content {*/
    /*width:105%;*/
/*}*/
.modal-header {
    border-bottom: 1px solid white;
}
.modal-header > .close {
    color: gray;
    opacity:1 ;
    text-shadow: 0px;
}
.modal-header > .modal-title {
    color: gray;

}
.modal-body > p {
    color: gray;

}
.modal-footer {
    border-top: 0px solid gray;
}
.modal-footer > .btn {
    background-color: #00A886;
    color: white;
    font-weight: bold;
    border: 1px solid #00A886;
    border-radius: 0px;
    font-size: 16px;
}


#reset-form-btn {
    background-color: #B1B2B1;
    border-color: #B1B2B1;
    color: white;
    /*font-size: 16px;*/
    margin-bottom:20px;
    /*margin-top: 15px;*/

}

.appliance-photo-input {
    max-width: 100%;
}

.report-top {
    color: #00A886;
    font-size: 16px;
}

.report-top a {
    color: #00A886;
}

/*#services-footer{*/
    /*!*border-right: 1px solid #B1B2B1;*!*/
    /*!*padding-top: 35px;*!*/
/*}*/
/*#partners-footer{*/
    /*!*padding-top: 25px;*!*/
    /*height:100px;*/
/*}*/
/*#copyright-footer {*/
    /*padding-top:35px;*/
/*}*/

/* MEDIA QUERIES*/
/* Large Devices, Wide Screens */
/*@media only screen and (max-width : 3200px) {*/
    /*#services-footer{*/
        /*!*!*border-right: 1px solid #B1B2B1;*!*!*/
        /*!*border-right: 1px solid #B1B2B1;*!*/
        /*!*border-left: 1px solid #B1B2B1;*!*/
        /*!*!*padding-top: 35px;*!*!*/
        /*!*height:150px;*!*/
    /*}*/
    /*#partners-footer{*/
        /*!*border-right: 1px solid #B1B2B1;*!*/
        /*!*border-left: 1px solid #B1B2B1;*!*/
        /*!*padding-top: 25px;*!*/
        /*!*height:150px;*!*/
    /*}*/
    /*#copyright-footer {*/
        /*padding-top:19px;*/
    /*}*/
    /*footer, .push {*/
        /*position: relative;*/
    /*}*/
    .borders-top-bottom{
        /*transform: translate(-5%, 0);*/
    }
    .featurette-image {
        max-height:400px;
        max-width: 400px;

    }
    button:focus {
        outline: 0 !important;
    }


/*}*/

/*#partners-footer{*/
    /*text-align: center;*/
/*}*/
#smalltabs{
    display: none;
}
#forlarger{
    display: inline;
}

header {
    margin-bottom: 0em;
}
.navbar-inverse {
    margin-bottom: 0px;
}

/*@media (min-width: 992px) and (max-width:1792px)) {*/
    /*footer {*/
        /*height:130px;*/
    /*}*/
    /*#services-footer{*/
        /*height:130px;*/
    /*}*/

.modal-content {
    background-color: #fff;
    /*opacity:.92;*/
    margin-left: auto;
    margin-right: auto;

}

.image-cropper {
    max-width: 100px;
    height: auto;
    position: relative;
    overflow: hidden;
}

.rounded {
    display: block;
    margin: 0 auto;
    height: 100px;
    width: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-size:cover !important;
}

/*.confirmationModal-dialog {*/
    /*position: absolute;*/
    /*top:20%;*/
    /*bottom:50%*/
/*}*/

@media (min-width: 768px){
    .modal-dialog {
        width: 750px;
        margin: 30px auto;
    }
@media (min-width : 991px) and (max-width : 1200px) {
    .featurette-image {
        max-height: 380px;
        max-width: 380px;
        padding-right: 60px;
    }

}

}


@media (min-width: 768px) and (max-width: 991px) {
    /*.navbar-collapse.collapse {*/
        /*display: none !important;*/
    /*}*/
    /*.navbar-collapse.collapse.in {*/
        /*display: block !important;*/
    /*}*/
    /*.navbar-header {*/
        /*float: none;*/
    /*}*/
    /*.navbar-toggle {*/
        /*display: block;*/
    /*}*/
    /*.navbar-collapse {*/
        /*!*border-top: 1px solid transparent;*!*/
        /*!*box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);*!*/
    /*}*/
    /*.navbar-collapse.collapse {*/
        /*display: none!important;*/
    /*}*/
    /*.navbar-nav {*/
        /*float: none!important;*/
        /*margin: 7.5px -15px;*/
    /*}*/
    /*.navbar-nav>li {*/
        /*float: none;*/
    /*}*/




    .featurette-image {
        max-height: auto;
        max-width: 991px;
        /*margin-left:-15px;*/
        padding-top: 35px;
        width: 100%;
    }

    .btn-facebook {
        color: #BFBFBF;
        background-color: transparent;
        border-color: rgba(0,0,0,0.2);
        border-radius: 0px;
        width: 30%;
        margin-right:100px;
    }
    .btn-twitter {
        color: #BFBFBF;
        background-color: transparent;
        border-color: rgba(0,0,0,0.2);
        border-radius: 0px;
        width: 30%;
        margin-left:100px;
    }

    .modal-content {
        width:95%;
    }
    /*#partners-footer {*/
        /*border-bottom: 1px solid #B1B2B1;*/
    /*}*/
    /*#services-footer {*/
        /*border-bottom: 1px solid #B1B2B1;*/
    /*}*/

    .btn-block{
        font-size: 16px;}
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 993px) {
    .btn-block {
        margin-bottom: 40px;
        font-size: 15px;
    }

    #loginform {
        /*transform: translate(40%, 10%);*/
    }

    .cps-bar {
        /*transform: translate(0, -10%);*/
        /*width: 110%;*/
    }

    .panel {
        border: 0;
        width: 100%;
    }

    /*#footerrow {*/
        /*!*display:flex !important;*!*/
    /*}*/

    /*footer {*/
        /*position: relative;*/
        /*margin: 0;*/
        /*margin-bottom: 0;*/
        /*height: auto;*/
    /*}*/

    .push {
        margin: 0;
        height: 0;
    }

    /*#social {*/
        /*padding-bottom: 40px;*/
    /*}*/

    /*#services-footer {*/
        /*border-left: 0px !* solid #B1B2B1*!;*/
        /*border-right: 1px solid #B1B2B1;*/
        /*border-bottom: 1px solid #B1B2B1;*/
        /*padding-top: 35px;*/
    /*}*/

    /*#partners-footer {*/
        /*height: auto;*/
        /*!*border-bottom: 1px solid #B1B2B1;*!*/
        /*border-right: 0px !*solid #B1B2B1*!;*/
        /*border-left: 0px;*/
        /*!*padding-top: 30px;*!*/
        /*!*padding-bottom:30px;*!*/
    /*}*/

    /*#copyright-footer {*/
        /*padding-top: 20px;*/
        /*padding-bottom: 30px;*/
    /*}*/

    #smalltabs {
        display: none;
    }

    #forlarger {
        display: inline;
    }

}
    /*@media (min-width:992px ) and (max-width: 993px) {*/
    /*#services-footer {*/
        /*border-left: 1px solid #B1B2B1;*/
    /*}*/

/*}*/

@media screen and (max-width: 991px){
 /*#partners-footer{*/
     /*border-bottom: 1px solid #B1B2B1;*/
 /*}*/
    /*.privacyFooter{*/
        /*margin-top: -20px;*/
    /*}*/
    /*.copyrightFooter{*/
        /*margin-top: -30px;*/
    /*}*/
    .featurette-image {
        padding-top: 35px;
    }
    #repair-list-image-div {
        padding-left: 0;
        height: auto;
        overflow-y: auto;
    }
}

@media (min-width:579px) and (max-width:990px) {
    .pull-right-date {
        padding-bottom: 0px;
    }
    /*#partners-footer {*/
        /*border-bottom: 1px solid #B1B2B1;*/
    /*}*/
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .pull-left{
        font-size:14px !important;
    }
    .pull-right{
        font-size:14px !important;
    }

    .borders-top-bottom{
        border-style: solid;
        border: 1px solid lightgrey;
        border-right: 0;
        border-left: 0;
        padding: 2em 1em 1em 1em;
        margin:1em;
        margin-top:50px;
        /*transform: translate(-3%, 0);*/
        max-width: 100%;
    }

    #articlecontent{
        margin-top: 40px;
        /*transform: translate(10%, 0);*/
        /*max-width: 80%;*/

    }

    .cps-image{
        border-style: none;
        /*transform: translate(10%, 0);*/
        max-width: 100%;
    }

    .cps-bar{
        /*transform: translate(-2%, -5%);*/
        width: 100%;
        /*padding: 1em 1em 1em 1em;*/
        /*margin:10px;*/
        margin-top: -40px;
        padding: 0%;

    }
    .panel {
        /*transform: translate(0, -10%);*/
        border: 0;
        width: 100%;
    }

    footer {

    }
    #loginform{
       /* transform: translate(-2%, 10%);
        width:inherit;*/
    }
    /*#services-footer{*/
        /*border-bottom: 1px solid #B1B2B1;*/
        /*border-right: 0px solid #B1B2B1;*/
        /*padding-top: 35px;*/
    /*}*/
    /*#partners-footer{*/
        /*border-bottom: 1px solid #B1B2B1;*/
        /*border-right: 0px solid #B1B2B1;*/
        /*!*padding-top: 10px;*!*/
    /*}*/
    /*#copyright-footer{*/
        /*padding-top: 35px;*/
        /*padding-bottom: 30px;*/
    /*}*/
    /*#footerrow{*/
        /*display: inherit !important;*/
    /*}*/
    #agreement{
        /*width: 300px;*/
        /*transform: translate(-30%, 0%);*/
    }
    #smalltabs{
        display: none;
    }

    .featurette-image {
       /* max-height: auto;*/
        max-width: 768px;
        /*margin-left:-15px;*/
        padding-top: 35px;

    }
    .container {
        width:100%;
    }
    .modal-content {
        width:85%;
    }
}

@media (min-width : 700px) and (max-width: 768px){
    .panel-heading{
        margin-top: 5%;
    }
    .featurette-image {
        max-height: auto;
        max-width: 550px;
        /*margin-left:-15px;*/
        padding-top: 35px;

    }
    .btn-facebook {
        color: #BFBFBF;
        background-color: transparent;
        border-color: rgba(0,0,0,0.2);
        border-radius: 0px;
        width: 30%;
        margin-right:90px;
    }
    .btn-twitter {
        color: #BFBFBF;
        background-color: transparent;
        border-color: rgba(0,0,0,0.2);
        border-radius: 0px;
        width: 30%;
        margin-left:90px;
    }
    .modal-content {
        width:90%;
    }
}

@media (min-width : 650px) and (max-width: 699px){
    .panel-heading{
        margin-top: 5%;
    }
    .featurette-image {
        max-height: auto;
        max-width: 699px;
        /*margin-left:-15px;*/
        padding-top: 35px;
        width: 100%;
    }
    .btn-facebook {
        color: #BFBFBF;
        background-color: transparent;
        border-color: rgba(0,0,0,0.2);
        border-radius: 0px;
        width: 30%;
        margin-right:100px;
    }
    .btn-twitter {
        color: #BFBFBF;
        background-color: transparent;
        border-color: rgba(0,0,0,0.2);
        border-radius: 0px;
        width: 30%;
        margin-left:100px;
    }
}

@media (min-width : 622px) and (max-width: 649px){
    .panel-heading{
        margin-top: 5%;
    }
    .featurette-image {
        max-height: auto;
        max-width: 649px;
        /*margin-left:-15px;*/
        padding-top: 35px;
        width: 100%;
    }
    .btn-facebook {
        color: #BFBFBF;
        background-color: transparent;
        border-color: rgba(0,0,0,0.2);
        border-radius: 0px;
        width: 30%;
        margin-right:100px;
    }
    .btn-twitter {
        color: #BFBFBF;
        background-color: transparent;
        border-color: rgba(0,0,0,0.2);
        border-radius: 0px;
        width: 30%;
        margin-left:100px;
    }
}


@media only screen and (max-width: 621px){
    .panel-heading{
        margin-top: 5%;
    }
    .featurette-image {
        max-height: auto;
        max-width: 621px;
        /*margin-left:-15px;*/
        padding-top: 35px;
        width: 100%;
    }

}
@media (min-width:541px) and (max-width:620px){
    .btn-facebook {
        color: #BFBFBF;
        background-color: transparent;
        border-color: rgba(0,0,0,0.2);
        border-radius: 0px;
        width: 30%;
        margin-right:90px;
    }
    .btn-twitter {
        color: #BFBFBF;
        background-color: transparent;
        border-color: rgba(0,0,0,0.2);
        border-radius: 0px;
        width: 30%;
        margin-left:90px;
    }
}

@media only screen and (max-width: 579px) {
    .panel-heading {
        margin-top: 15%;
    }

    .featurette-image {
        max-height: auto;
        max-width: 579px;
        /*margin-left:-15px;*/
        padding-top: 35px;

    }

    @media (min-width: 480px) and (max-width: 540px ) {
        .featurette-image {
            max-height: auto;
            max-width: 540px;
            /*margin-left:-15px;*/
            padding-top: 35px;

        }

        .btn-facebook {
            color: #BFBFBF;
            background-color: transparent;
            border-color: rgba(0, 0, 0, 0.2);
            border-radius: 0px;
            width: 30%;
            margin-right: 50px;
        }

        .btn-twitter {
            color: #BFBFBF;
            background-color: transparent;
            border-color: rgba(0, 0, 0, 0.2);
            border-radius: 0px;
            width: 30%;
            margin-left: 50px;
        }
    }

    @media only screen and (max-width: 479px) {
        .panel-heading {
            margin-top: 15%;
        }

        .featurette-image {
            max-height: auto;
            max-width: 479px;
            /*margin-left:-15px;*/
            padding-top: 35px;
            width: 100%;

        }

        #smalltabs {
            margin-bottom: -1px;
        }

        /* Extra Small Devices, Phones */
        @media only screen and (max-width: 480px) {
            .panel-heading {
                margin-top: 10%;
            }

            .pagination {
                width: 80%;
                transform: translate(0%, 50%);
            }

            .pull-left {
                font-size: 12px !important;
            }

            .pull-right {
                font-size: 12px !important;
            }

            #loginform {
                /*transform: translate(0, 0);
                width:inherit;*/
            }

            .borders-top-bottom {
                /*transform: translate(30%, 40%);
                width: 50%;*/
            }

            #articlecontent {
                margin-top: 40px;
                transform: translate(5%, 0);
                max-width: 100%;
                padding-left: 0%;
                padding-right: 0%;
                margin-left: 0%;
                margin-right: 0%;
            }

            .cps-image {
                border-style: none;
                /*width: 250px;*/
                /*transform: translate(-10%, 0);*/
                max-width: 100%;
            }

            .cps-bar {
                /*display: inline-block;*/
                /* transform: translate(-5%, 0);*/
                /*margin: 5em;*/
                width: 100%;
                margin-top: -40px;
                padding: 0%;
            }

            .panel {
                /*transform: translate(0, -10%);*/
                border: 0;
                width: 100%;
                margin-top: 60px;
            }

            footer {

            }

            /*#services-footer{*/
            /*border-bottom: 1px solid #B1B2B1;*/
            /*!*border-top: 1px solid #B1B2B1;*!*/
            /*border-right: 0px solid #B1B2B1;*/
            /*!*padding-top: 35px;*!*/
            /*padding:20px 10px;*/
            /*}*/
            /*#partners-footer{*/
            /*!*border-bottom: 1px solid #B1B2B1;*!*/
            /*border-right: 0px;*/
            /*border-left : 0px;*/
            /*!*padding-top: 10px;*!*/
            /*}*/
            /*#copyright-footer{*/
            /*!*padding-top: 10px;*!*/
            /*padding-bottom: 30px;*/
            /*}*/
            /*#footerrow{*/
            /*display: inherit !important;*/
            /*}*/
            #agreement {
                /*width: 300px;*/
                /*transform: translate(-30%, 0%);*/
                margin-bottom: 25px;
            }

            .btn-block {
                height: 40px;
                font-size: 16px;
            }

            #topimage {
                width: 100%;
            }

            /* new code for custom nav bar */
            #forlarger {
                display: none;
            }

            #smalltabs {
                display: inline-block;
                background: white;
                padding-bottom: 10px;
            }

            /* end new code for custom nav bar */
            .featurette-image {
                /*max-width: 100% !important;
                max-height: 100% !important;*/
                max-height: auto;
                max-width: 480px;
                /*margin-left:-20px;*/
                padding-top: 1px;
                width: 100%;

            }

            p {
                padding-left: 10px;
                padding-right: 5px;
            }
        }

        .article-100-wide {
            width: 100%;
            padding: 0px;
            margin: 0;

        }

        .panel-heading {
            margin-top: 20%;
            padding-left: 6px;
            padding-right: 6px;
        }

        .btn-facebook {
            color: #BFBFBF;
            background-color: transparent;
            border-color: rgba(0, 0, 0, 0.2);
            border-radius: 0px;
            width: 30%;
            margin-right: 50px;
            height: 32px;
        }

        .btn-twitter {
            color: #BFBFBF;
            background-color: transparent;
            border-color: rgba(0, 0, 0, 0.2);
            border-radius: 0px;
            width: 30%;
            margin-left: 50px;
            height: 32px;
        }
    }

    /* Custom, iPhone Retina */
    @media only screen and (max-width: 320px) {
        .borders-top-bottom {
            padding: 2em 1em 1em 1em;
            margin: 1em;
            margin-top: 50px;
            /*transform: translate(30%, 0);
            /*width: 100%;*/
        }

        #articlecontent {
            margin-top: 40px;
            */ transform: translate(7%, 0%);
            */ max-width: 80%;
            padding-left: 0%;
            padding-right: 0%;
            margin-left: 0px;
            margin-right: 0px;
        }

        .pull-left {
            font-size: 10px !important;
        }

        .pull-right {
            font-size: 10px !important;
        }

        .panel-heading {
            margin-top: 15%;
        }

        #loginform {
            /*transform: translate(15%, 10%);
            width:200px;*/
        }

        .btn-block {
            height: 40px;
            font-size: 16px;
        }

        .pagination {
            width: 70%;
            transform: translate(0%, 50%);
        }

        .cps-image {
            border-style: none;
            /*width: 250px;*/
            /*transform: translate(8%, 0);*/
            width: 100%;
            max-width: 320px;
        }

        .cps-bar {
            /*transform: translate(-24%, -10%);*/
            width: 100%;
            margin-top: -40px;
            padding: 0%;
        }

        .panel {
            border: 0;
            width: 100%;
            margin-top: 60px;
        }

        /*#services-footer{*/
        /*border-bottom: 1px solid #B1B2B1;*/
        /*padding-top: 10px;*/
        /*}*/
        /*#partners-footer{*/
        /*!*border-bottom: 1px solid #B1B2B1;*!*/
        /*!*padding-top: 10px;*!*/
        /*}*/
        /*#copyright-footer{*/
        /*!*padding-top: 10px;*!*/
        /*padding-bottom: 30px;*/
        /*}*/
        /*!*#copyright-footer{*!*/
        /*!*padding-top:0px;*!*/
        /*!*}*!*/
        /*#footerrow{*/
        /*display: inherit !important;*/
        /*}*/
        footer {
            /*position: relative;*/
            /*left:0px;*/
            /*bottom:0px;*/
            /*background: #515356;*/
            /*margin: 0;*/
            /*margin-top: 50px;*/
        }

        #agreement {
            /*width: 300px;*/
            /*transform: translate(-30%, 0%);*/
        }

        .featurette-image-odd {
            /*max-width: 300% !important;
            max-height: 300% !important;*/
        }

        .featurette-image {
            /*max-width: 100% !important;
            max-height: 100% !important;*/
            max-height: auto;
            max-width: 300px;
            /*margin-left:-15px;*/
            padding-top: 35px;
        }

        #topimage {
            max-height: 100%;
            width: 100%;
        }

        #forlarger {
            display: none;
        }

        #smalltabs {
            display: inline-block;
        }

        .featurette-image {
            /*max-width: 100% !important;
            max-height: 100% !important;*/
            max-height: auto;
            max-width: 320px;
            /*margin-left:-20px;*/
            padding-top: 2px;
            width: 100%;

        }

        p {
            padding-left: 0px;
            padding-right: 5px;
        }
    }

    .article-100-wide {
        width: 100%;
        padding: 0px;
        margin: 0;
        /*margin-bottom:-9px;*/
    }

    .attach_footer {
        margin-bottom: -1px;
    }

    .panel-heading {
        margin-top: 10%;
        padding-left: 6px;
        padding-right: 6px;
    }

    .panel-heading h2 {
        margin-bottom: 5px;
        text-align: center;
        padding: 2px;
    }

    p {
        color: #B1B1B1;
        font-size: 15px;
    }

    .navbar-collapse {
        font-size: 16px;
    }

    .table > tbody > tr > td, .table > tbody > tr > th {
        padding: 2px;
        vertical-align: top;

    }

    .btn-twitter {
        height: 32px;
    }

    .btn-facebook {
        height: 32px;

    }
}