/* ==========================================================================

   Media Queries



  (orientation: portrait)  (orientation: landscape)



@media screen and (max-width:320px) {}

@media screen and (min-width:321px) and (max-width:479px) {}

@media screen and (min-width:480px) and (max-width:639px) {}

@media screen and (min-width:640px) and (max-width:767px) {}

@media screen and (min-width:768px) and (max-width:959px) {}

@media screen and (min-width:960px) and (max-width:1023px) {}

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

@media screen and (min-width:1280px) and (max-width:1599px) {}

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

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



   ========================================================================== */



@media screen and (max-width:319px) {

    #footer .col_25 {  display: none;}

    #top-contact-mobile{display:block!important;}

    .top-contact{display:none!important;}

    ul#dropdown{display:none!important;}

    .toggle-menu-icon{display:block;}

    .col_75{width:100%!important;}

    .col_66{width:100%!important;}

    .col_50{width:100%!important;}

    .fullwidth_content-leftnav #columns {width:100%!important;}

    .col_33{width:100%!important;}

    .col_25{width:100%!important;}

    #mainnavbar-mobile{display:none;}

    body {    min-width:320px;   }

    .col-2-news{width:100%;}

    .col-2-tweet{width:100%;}

    .banner-buttons-holder-mobile{display:block;}

    .banner-buttons-holder{display:none;}

    .peyronies1, .peyronies:hover {border-top:4px solid #57a355;border-left:none;margin-top:-4px!important;}

    .infertility1, .infertility:hover {border-top:4px solid #4ba37b;border-left:none;margin-top:-4px!important;}

    .implants1, .implants:hover {border-top:4px solid #40a0a3;border:left:none;margin-top:-4px!important; }

    .incontinence1, .incontinence:hover {border-top:4px solid #3c71a3;border-left:none;margin-top:-4px!important;}

    .phalloplasty1, .phalloplasty:hover {border-top:4px solid #755179;border-left:none;margin-top:-4px!important;}

    .vasectomy1, .vasectomy:hover {border-top:4px solid #bc5b5b;border-left:none;margin-top:-4px!important;}

    .erectile1, .erectile:hover { border-top:4px solid #d07f5b;border-left:none;margin-top:-4px!important;}

    .structures1, .structures:hover { border-top:4px solid #ad9248;border-left:none;margin-top:-4px!important;}

    #topnavbar {height: 77px;}    

    #topnavbar #topnav .logo {  float: left; padding: 15px; width: 80%; max-width:450px; height:77px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);  }

    

    div#left_nav { width: 90%;  margin: 30px 5% 0 5%;}    

    .nivoSlider {  position: relative !important;  width: 100%!important;  min-height: 250px!important; height:auto !important; float:left; overflow: hidden!important;}

    .nivoSlider img {  position: relative !important;  top: 0px!important;  left: 0px!important;  max-width: none!important;  height: 250px!important;  float: right!important;}

    .nivo-main-image {  width: auto!important;}

    .nivo-caption {    position: relative !important;    float: left; }

    .banner-strap { width: 100%; float: right;clear: both; padding: 13px 36px;     position: relative !important;}

    .banner-strap h1 { color: #fff; text-transform: capitalize; font-size: 30px; width: 100%; line-height: 34px;}

    .banner-strap h2 { color: #fff; text-transform: capitalize; font-size: 20px !important; font-weight: 400; line-height: 26px !important; width: 100%;}

    .inner-banner-searchbar {    position: relative;    float: left !important; }

    .inner-home-banner {    padding-bottom: 50px; }

    ul.banner-tabs-mobile li a { padding: 10px 10px 10px 14%; font-size: 16px; /* font-weight: 600; */} 

    .search-bar-text{display:none;}

    .search-bar-button{display:none;}

    .search { float: none; width: 403px; margin: 0 auto;}

    .requestappointmentwrapper {height:auto;}

    .requestappointmentwrapper {  /* margin: 0 auto; */  text-align: center;}

    .requestappointment {text-align: center;}

    .requestappointment h5 { font-size: 17px;}

    a.button.peyronies1.large {  font-size: 14px;}

    .requestappointmentbutton { float: none;}

    .inner-banner-searchbar { position: relative; clear: both; background: #504a45;}

    input.searchbox {  width: 170px;}

    /*.banner-strap h2 { display: none;}*/

    .desk {  display: none;}

    .news-article { margin: 20px 0;  width: 100%;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);  }
    .team-container{flex-direction: column;}

   .news_details {
    flex: 0 0 96%;
    }

}

@media screen and (min-width:320px) and (max-width:479px) {

    #footer .col_25 {  display: none;}

    #top-contact-mobile{display:block!important;}

    .top-contact{display:none!important;}

    ul#dropdown{display:none!important;}

    .toggle-menu-icon{display:block;}

    .col_75{width:100%!important;}

    .col_66{width:100%!important;}

    .col_50{width:100%!important;}

    .fullwidth_content-leftnav #columns {width:100%!important;}

    .col_33{width:100%!important;}

    .col_25{width:100%!important;}

    #mainnavbar-mobile{display:none;} body {    min-width:320px;   }

    .col-2-news{width:100%;}

    .col-2-tweet{width:100%;}

    .banner-buttons-holder-mobile{display:block;}

    .banner-buttons-holder{display:none;}

    .peyronies1, .peyronies:hover {border-top:4px solid #57a355;border-left:none;}

    .infertility1, .infertility:hover {border-top:4px solid #4ba37b;border-left:none;}

    .implants1, .implants:hover {border-top:4px solid #40a0a3;border:left:none; }

    .incontinence1, .incontinence:hover {border-top:4px solid #3c71a3;border-left:none;}

    .phalloplasty1, .phalloplasty:hover {border-top:4px solid #755179;border-left:none;}

    .vasectomy1, .vasectomy:hover {border-top:4px solid #bc5b5b;border-left:none;}

    .erectile1, .erectile:hover { border-top:4px solid #d07f5b;border-left:none;}

    .structures1, .structures:hover { border-top:4px solid #ad9248;border-left:none;}

    #topnavbar {height: 77px;}    

    #topnavbar #topnav .logo {  float: left; padding: 15px; width: 80%; max-width:450px; height:77px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);  }

      

    div#left_nav { width: 90%;  margin: 30px 5% 0 5%;}     

    .nivoSlider {  position: relative !important;  width: 100%!important;  min-height: 250px!important; height:auto !important; float:left; overflow: hidden!important;}

    .nivoSlider img {  position: relative !important;  top: 0px!important;  left: 0px!important;  max-width: none!important;  height: 250px!important;  float: right!important;}

    .nivo-main-image {  width: auto!important;}

    .nivo-caption {    position: relative !important;    float: left; }

    .banner-strap { width: 100%; float: right;clear: both; padding: 13px 36px;     position: relative !important;}

    .banner-strap h1 { color: #fff; text-transform: capitalize; font-size: 30px; width: 100%; line-height: 34px;}    

    .banner-strap h2 { color: #fff; text-transform: capitalize; font-size: 20px !important; font-weight: 400; line-height: 26px !important; width: 100%;}

    .inner-banner-searchbar {    position: relative;    float: left !important; }

    .inner-home-banner {    padding-bottom: 50px; }

    ul.banner-tabs-mobile li a { padding: 10px 10px 10px 14%; font-size: 16px; /* font-weight: 600; */} 

    .search-bar-text{display:none;}

    .search-bar-button{display:none;}

    .search { float: none; width: 403px; margin: 0 auto;}

    .requestappointmentwrapper {height:auto;}

    .requestappointmentwrapper {  /* margin: 0 auto; */  text-align: center;}

    .requestappointment {text-align: center;}

    .requestappointment h5 { font-size: 17px;}

    a.button.peyronies1.large {  font-size: 14px;}

    .requestappointmentbutton { float: none;}

    .inner-banner-searchbar { position: relative; clear: both; background: #504a45;}

    input.searchbox {  width: 170px;}

    /*.banner-strap h2 { display: none;}*/

    .desk {  display: none;}

        .news-article { margin: 20px 0;  width: 100%;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);  }
    .team-container{flex-direction: column;}
   .news_details {
    flex: 0 0 96%;
    }
}   



@media screen and (min-width:480px) and (max-width:639px) {

    #footer .col_25 {  display: none;}

    #top-contact-mobile{display:block!important;}

    .top-contact{display:none!important;}

    ul#dropdown{display:none!important;}

    .toggle-menu-icon{display:block;}

    .col_75{width:100%!important;}

    .col_66{width:100%!important;}

    .col_50{width:100%!important;}

    .fullwidth_content-leftnav #columns {width:100%!important;}

    .col_33{width:100%!important;}

    .col_25{width:100%!important;}

    #mainnavbar-mobile{display:none;}

    .col-2-news{width:100%;}

    .col-2-tweet{width:100%;}

    .banner-buttons-holder-mobile{display:block;}

    .banner-buttons-holder{display:none;}

    .peyronies1, .peyronies:hover {border-top:4px solid #57a355;border-left:none;}

    .infertility1, .infertility:hover {border-top:4px solid #4ba37b;border-left:none;}

    .implants1, .implants:hover {border-top:4px solid #40a0a3;border:left:none; }

    .incontinence1, .incontinence:hover {border-top:4px solid #3c71a3;border-left:none;}

    .phalloplasty1, .phalloplasty:hover {border-top:4px solid #755179;border-left:none;}

    .vasectomy1, .vasectomy:hover {border-top:4px solid #bc5b5b;border-left:none;}

    .erectile1, .erectile:hover { border-top:4px solid #d07f5b;border-left:none;}

    .structures1, .structures:hover { border-top:4px solid #ad9248;border-left:none;}    

    #topnavbar {height: 77px;}    

    #topnavbar #topnav .logo {  float: left; padding: 15px; width: 80%; max-width:450px; height:77px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);  }

   

    div#left_nav { width: 90%;  margin: 30px 5% 0 5%;}

    .nivoSlider {  position: relative !important;  width: 100%!important;  min-height: 250px!important; height:auto !important; float:left; overflow: hidden!important;}

    .nivoSlider img {  position: relative !important;  top: 0px!important;  left: 0px!important;  max-width: none!important;  height: 250px!important;  float: right!important;}

    .nivo-main-image {  width: auto!important;}

    .nivo-caption {    position: relative !important;    float: left; }

    .banner-strap { width: 100%; float: right;clear: both; padding: 13px 36px;     position: relative !important;}

    .banner-strap h1 { color: #fff; text-transform: capitalize; font-size: 30px; width: 100%; line-height: 34px;}

    .banner-strap h2 { color: #fff; text-transform: capitalize; font-size: 20px !important; font-weight: 400; line-height: 26px !important; width: 100%;}

    .inner-banner-searchbar {    position: relative;    float: left !important; }

    .inner-home-banner {    padding-bottom: 50px; }

    .search-bar-text{display:none;}

    .search-bar-button{display:none;}

    .search { float: none; width: 403px; margin: 0 auto;}

    .requestappointmentwrapper {height:auto;}

    .requestappointmentwrapper {  /* margin: 0 auto; */  text-align: center;}

    .requestappointment {text-align: center;}

    .requestappointment h5 { font-size: 17px;  text-align: center;  float: none;}

    a.button.peyronies1.large {  font-size: 14px;}

    .requestappointmentbutton {  float: none; clear: left;  white-space: nowrap;}

    .desk {  display: none;}

        .news-article { margin: 20px 0;  width: 100%;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);  }
    .team-container{flex-direction: column;}
    .news_details {
    flex: 0 0 96%;
    }


}



@media screen and (min-width:640px) and (max-width:880px) {

    #footer .col_25 {  display: none;}

    #top-contact-mobile{display:block!important;}

    .top-contact{display:none!important;}

    ul#dropdown{display:none!important;}

    .toggle-menu-icon{display:block;}

    .col_75{width:100%!important;}

    .col_66{width:100%!important;}

    .col_50{width:100%!important;}

    .fullwidth_content-leftnav #columns {width:100%!important;}

    .col_33{width:100%!important;}

    .col_25{width:100%!important;}

    #mainnavbar-mobile{display:none;}

    .col-2-news{width:100%;}

    .col-2-tweet{width:100%;}

    .banner-buttons-holder-mobile{display:block;}

    .banner-buttons-holder{display:none;}    

    .peyronies1, .peyronies:hover {border-top:4px solid #57a355;border-left:none;}

    .infertility1, .infertility:hover {border-top:4px solid #4ba37b;border-left:none;}

    .implants1, .implants:hover {border-top:4px solid #40a0a3;border:left:none; }

    .incontinence1, .incontinence:hover {border-top:4px solid #3c71a3;border-left:none;}

    .phalloplasty1, .phalloplasty:hover {border-top:4px solid #755179;border-left:none;}

    .vasectomy1, .vasectomy:hover {border-top:4px solid #bc5b5b;border-left:none;}

    .erectile1, .erectile:hover { border-top:4px solid #d07f5b;border-left:none;}

    .structures1, .structures:hover { border-top:4px solid #ad9248;border-left:none;}

    #topnavbar {height: 77px;}

    #topnavbar #topnav .logo {  float: left; padding: 15px; width: 80%; max-width:450px; height:77px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);  }

 

    .nivoSlider {  position: relative !important;  width: 100% !important;  min-height: 316px!important; height:auto !important; float:left; overflow: hidden!important;}

    .nivoSlider img {  position: relative !important;  top: 0px!important;  left: 0px!important;  max-width: none!important;  height: 316px!important;  float: right!important;}

    .nivo-main-image {  width: auto!important;}

    .nivo-caption {    position: relative !important;    float: left; }

    .banner-strap { width: 100%; float: right;clear: both; padding: 13px 36px;}

    .banner-strap h1 { color: #fff; text-transform: capitalize; font-size: 30px; width: 100%; line-height: 34px;}    

    .banner-strap h2 { color: #fff; text-transform: capitalize; font-size: 23px; font-weight: 400; line-height: 30px; width: 100%;}  

    .search-bar-text{display:none;}

    .search-bar-button{display:none;}

    .search { float: none; width: 403px; margin: 0 auto;}

    .requestappointment h5{font-size:16px;}

    a.button.peyronies1.large { font-size: 13px;}

    .resp {  display: none;}

        .fullwidth_content-leftnav #columns { width: 70%;}

    div#left_nav { width: 30%;}
    .team-container{flex-direction: column;}
       .news_details {
    flex: 0 0 46%;
    }

}

@media screen and (min-width:801px) and (max-width:890px) {

    ul.banner-tabs li a {  padding: 22px 16px 10px 5px!important;  font-size: 11px!important;}

}



@media screen and (min-width:881px) and (max-width:959px) {

    .toggle-menu-icon{display:none;}

    #mainnavbar-mobile{display:none;}

    .banner-buttons-holder {height: 86px;}

    ul.banner-tabs li a { height: 86px; padding: 23px 20px 10px 10px; line-height: 19px; font-size: 13px; }

    .banner-strap { width: 53%; float: right; clear: both; padding: 36px;}

    .banner-strap h1 { font-size: 33px; width: 100%; margin: 0;}     

    .banner-strap h2 { width: 100%;font-size:24px; } 

    .nivoSlider {  position: relative!important;  width: auto!important;  height: 316px!important;  overflow: hidden!important;}  

    .nivoSlider img {  position: absolute!important;  top: 0px!important;  left: 0px!important;  max-width: none!important;  height: 316px!important;  float: right!important;}

    .nivo-main-image {  width: auto!important;}        

    .banner-strap { width: 50%; float: right;clear: both; padding: 13px 36px;}

    .banner-strap h1 { color: #fff; text-transform: capitalize; font-size: 30px; width: 100%; line-height: 34px;}    

    .banner-strap h2 { color: #fff; text-transform: capitalize; font-size: 23px; font-weight: 400; line-height: 30px; width: 100%;} 

    #topnavbar #topnav .logo {  float: left; padding: 15px; width: 80%; max-width:450px; height:77px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);  }



    .search-bar-text{display:none;}

    .requestappointment h5{font-size:21px;}

    a.button.peyronies1.large { font-size: 15px;}

    .resp {  display: none;} 

    .fullwidth_content-leftnav #columns { width: 70%;}

    div#left_nav { width: 30%;}
    .news_details {
    flex: 0 0 46%;
    }

}



@media screen and (min-width:881px) and (max-width:980px) {

	ul.banner-tabs li a {font-size:11px!important;}

	}

@media screen and (min-width:981px) and (max-width:1055px) {

	ul.banner-tabs li a {font-size:12px!important;}	.links{display:none;}

	}



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

	ul.banner-tabs li a {font-size:13px!important;}





	}


@media screen and (min-width:881px) {
    .MS-controls{display: none;}
}




@media screen and (min-width:960px) and (max-width:1023px) {

    .toggle-menu-icon{display:none;}

    #mainnavbar-mobile{display:none;}

    .banner-buttons-holder {height: 86px;}  

    ul.banner-tabs li a { height: 86px; padding: 23px 20px 10px 10px; line-height: 19px;}

    .banner-strap { width: 53%; float: right; clear: both; padding: 36px;}

    .banner-strap h1 { font-size: 33px; width: 100%; margin: 0;}     

    .banner-strap h2 { width: 100%;font-size:24px; } 

    .search-bar-text{display:none;}

    .requestappointment h5{font-size:24px;}

    .resp {  display: none;}

    .fullwidth_content-leftnav #columns { width: 70%;}

    div#left_nav { width: 30%;}
    .news_details {
    flex: 0 0 46%;
    }

}

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

    .toggle-menu-icon{display:none;}

    #mainnavbar-mobile{display:none;}

    .banner-buttons-holder {height: 112px;}  

    ul.banner-tabs li a { height: 112px; padding: 23px 20px 10px 10px; line-height: 19px; }

    .banner-strap { width: 53%; float: right; clear: both; padding: 36px; }

    .banner-strap h1 { font-size: 35px;  width: 90%;  margin: 0; }     

    .banner-strap h2 { width: 90%;font-size:26px; }    

    .resp {  display: none;}

}

@media screen and (min-width:1280px) and (max-width:1599px) {

    .toggle-menu-icon{display:none;}

    #mainnavbar-mobile{display:none;}

    ul.banner-tabs li a { height: 112px; padding: 23px 20px 10px 10px; line-height: 19px; }

    .resp {  display: none;}

}

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

    .toggle-menu-icon{display:none;}

    #mainnavbar-mobile{display:none;}

    ul.banner-tabs li a { height: 112px; padding: 23px 20px 10px 10px; line-height: 19px;  }

        .resp {  display: none;}

}

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

.toggle-menu-icon{display:none;}

#mainnavbar-mobile{display:none;}

    ul.banner-tabs li a { height: 112px; padding: 23px 20px 10px 10px; line-height: 19px; }

        .resp {  display: none;}

}



/* ==========================================================================

   Print styles

   ========================================================================== */



@media print {

    * {        background: transparent !important;        color: #000 !important;        box-shadow: none !important;        text-shadow: none !important;    }

    a, a:visited {        text-decoration: underline;    }

    a[href]:after {        content: " (" attr(href) ")";    }

    abbr[title]:after {        content: " (" attr(title) ")";    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {        content: "";    }

    pre, blockquote {        border: 1px solid #999;        page-break-inside: avoid;    }

    thead {        display: table-header-group;    }

    tr, img {        page-break-inside: avoid;    }

    img {        max-width: 100% !important;    }

    @page {        margin: 0.5cm;    }

    p, h2, h3 {        orphans: 3;        widows: 3;    }

}





/* ===============

    ALL: IE Fixes

   =============== */



.ie7 .title { }





/* ==========================================================================

   Helper classes

   ========================================================================== */



.ir {    background-color: transparent;    border: 0;    overflow: hidden;    text-indent: -9999px;}

.ir:before {    content: "";    display: block;    width: 0;    height: 150%;}

.hidden {    display: none !important;    visibility: hidden;}

.visuallyhidden {    border: 0;    clip: rect(0 0 0 0);    height: 1px;    margin: -1px;    overflow: hidden;    padding: 0;    position: absolute;    width: 1px;}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {    clip: auto;    height: auto;    margin: 0;    overflow: visible;    position: static;    width: auto;}

.invisible {    visibility: hidden;}

.clearfix:before, .clearfix:after {    content: " ";    display: table;}

.clearfix:after {    clear: both;}

.clearfix {    *zoom: 1;}