/* Override any DNN style here [AS] */
body *{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

body > div:first-child{
    display: none;
}

.noPadding{
    padding-left: 0;
    padding-right: 0;
}

/* Styles belonging to this skin goes here [AS] */
.dotted-box-container { /* used to debug layout, assign the class to the div/container/pane you want to visually highlight on the page */
   /* border: 1px dotted black; */
    min-width:auto; 
    min-height:100px;
}

/* Media queries to hide the navbar if the screen size is >768px width. I plan to move those queries to a .less file but cannot make it work yet [AS] */
@media (max-width: 400px) {
    .logoCont{
        width: 30%;
        float: left;
    }
    .logoImg{
        width: 100%;
        height: auto;
    }
    .menuMobile{
        padding-top: 2px;
    }
    .rowHeaderLinks{
        display: none;
    }
    .camera_wrap,.sliderContColor {
         height: 357px !important;
    }
    .contentTotal.active {
         right: 83% !important;
    }
    .camera_wrap.cameraWrapSmall{
        height: 213px !important;
    }
}

@media (min-width: 400px) and (max-width: 480px) {
   .logoCont{
        width: 40%;
        float: left;
    }
    .logoImg{
        width: 100%;
        height: auto;
    }
    .menuMobile{
        padding-top: 30px !important;
    }
    .camera_wrap,.sliderContColor{
         height: 397px !important;
    }
    .camera_wrap.cameraWrapSmall{
        height: 227px !important;
    }
}

@media (min-width:481) and (max-width: 600px) {
    .logoCont{
        width: 40%;
        float: left;
    }
     .menuMobile{
        padding-top: 37px !important;
    }
    .logoImg{
        width: 100%;
        height: auto;
    }
    .menuMobile .menuSwitchTxt{
        font-size: 16px;
        padding-top: 8px !important;
    }
    .menuMobile .menuSwitchBtn{
        width: 50px !important;
        height: 36px !important;
        background-size: 50px !important;
    }
    .menuMobile .glassSearchTop {
        margin-right: 25px !important;
        width: 30px !important;
        height: 30px !important;
        background-size: 30px !important;
    }
    .camera_wrap,.sliderContColor {
        height: 470px !important;
    }
    .camera_wrap.cameraWrapSmall{
        height: 285px !important;
    }
}


@media (min-width: 601px) and (max-width: 650px) {
    .navbar {
        display: block;
    }    
    
    .menuMobile .menuSwitchTxt{
        font-size: 16px;
        padding-top: 8px !important;
    }
    .menuMobile .menuSwitchBtn{
        width: 50px !important;
        height: 36px !important;
        background-size: 50px !important;
    }
    .menuMobile .glassSearchTop {
        margin-right: 25px !important;
        width: 30px !important;
        height: 30px !important;
        background-size: 30px !important;
    }
    .menuMobile{
        padding-top: 45px !important;
    }
   .camera_wrap, .sliderContColor {
        height: 510px !important;
    }
    .camera_wrap.cameraWrapSmall{
        height: 366px !important;
    }
}

@media (min-width: 650px) and (max-width: 700px) {
    .menuMobile .menuSwitchTxt{
        font-size: 16px;
        padding-top: 8px !important;
    }
    .menuMobile .menuSwitchBtn{
        width: 50px !important;
        height: 36px !important;
        background-size: 50px !important;
    }
    .menuMobile .glassSearchTop {
        margin-right: 25px !important;
        width: 30px !important;
        height: 30px !important;
        background-size: 30px !important;
    }
    .menuMobile{
        padding-top: 50px !important;
    }
    .camera_wrap, .sliderContColor {
        height: 540px !important;
    }
    .camera_wrap.cameraWrapSmall{
        height: 392px !important;
    }
}

/*OFF CANVAS ONLY*/
@media (max-width: 700px) {
    
            /*Off Canvas*/
            .row-offcanvas {
            position: relative;
            -webkit-transition: all 0.25s ease-out;
            -moz-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out;
          }
        
          .row-offcanvas-right
          .sidebar-offcanvas {
            right: -90%; /* 6 columns */
          }
        
          .row-offcanvas-left
          .sidebar-offcanvas {
            left: -90%; /* 6 columns */
          }
        
          .row-offcanvas-right.active {
            right: 90%; /* 6 columns */
          }
        
          .row-offcanvas-left.active {
            left: 90%; /* 6 columns */
          }
        
          .sidebar-offcanvas {
            position: absolute;
            top: 0;
            width: 100%; /* 6 columns */
          }
          /*Off Canvas end*/
          .columnCenterCont > img:nth-of-type(1){
            width: 100%;
          }
          .makeAdifTxt,.doubleArrow{
            display: none;
          }
          .ModVivoChildNavC {
            float: none !important;
            }
        .callToActionRow .ModVivoChildNavC{
            float: none !important;
            overflow: visible !important;
        }
        .callToActionRow{
            height: auto !important;   
        }
        .callToActionRow .ModVivoChildNavC a {
            width: 50%;
            text-align: center;
            padding-top: 25px;
        }
        .callToActionRow .ModVivoChildNavC a:nth-child(odd) {
         float:left;
         border-left: 1px solid #292929;
         border-bottom: 2px solid #292929;
        }
        .callToActionRow .ModVivoChildNavC a:nth-child(even) {
          float:right;
          border-bottom: 2px solid #292929;
        }
        .callToActionRow .ModVivoChildNavC a:nth-child(odd):last-child {
            width: 100%;
        }
        .callToActionPane{
            padding-left: 0;
            padding-right: 0;
        }
        .footerUpLeft,.newsletterCont,.followUsTitle{
            display: none;
        }
        .socialBarContainer{
            float: none;
            width: 100%;
            /*margin-left: 50%;
            position: relative;
            left: -190px;*/
        }
        /*.socialBar div a {
        width: 60px !important;
        height: 60px !important;
        margin-right: 20px !important;
        background-size: 100% !important;
        }*/
       /* .contentCenterTit{
            font-size: 30px !important;
        }
        .centerContText{
            font-size: 24px !important;
            line-height: 32px !important;
        }
        .learnMoreTxt{
            font-size: 24px !important;
            color: #E31937 !important;
            margin-top: 30px !important;
            padding-left: 10px;
        }
        .contentCenter2{
            padding-top: 30px;
            padding-left: 0 !important
        }
        .learnMoreArrow{
            width: 40px !important;
            height: 40px !important;
        }*/
        .learnMoreBig{
            display: none;
        }
        /*.contentCenter3 {
            margin-top: 70px !important;
        }
        .contentCenter3 .contentViewAllTit{
            font-size: 30px !important;
        }
        .contentCenter3 .newsListTit{
            font-size: 26px !important;
            line-height: 28px;
        }
        .contentCenter3 .newsListDate{
            font-size: 24px !important;
            padding-top: 20px !important;
        }
        .contentCenter3 .contentNewslist .newsListItem{
            padding: 35px 0px !important;
        }*/
        .copyRightText{
            text-align: center !important;
            padding-top: 25px !important;
        }
        .ConnectContainer{
            display: none;
        }
        .copyRightText .verticalSepare, .copyRightText .privacyLink{
            display: none;
        }
        .poweredByCont{
            padding-top: 20px;
        }
        .poweredByCont span{
            font-size: 21px;
        }
        .microsoftLogo{
            margin-top: 15px;
             margin-bottom: 20px;
        }
        .privacyMobile{
            font-size: 12px !important;
            padding-top: 10px;
            text-align: center;
        }
        .privacyMobile a{
            color: #C5C5C5 !important;
        }
        .newsletterContMob{
            text-align: center;
            padding: 25px 0;
            border-bottom: 1px solid #575757;
            margin-bottom: 30px;
        }
        .newsletterMob{
            color: #fff !important;
            font-size: 16px;
            display: block;
        }
        .newsletterMob:hover{
            color: #2A6496 !important;
        }
        .arrowRightMobile{
            position: relative;
            left: 10px;
            margin-top: -4px;
            width: 8px;
        }
        .footerUp{
            padding-top: 0 !important;
        }
        .rightHeaderPane,.footerDownRight,.rowHeaderLinks {
            display:none;
        }
        .contentCenter2, .contentCenter3{
            padding-left: 0 !important;
        }
        .sliderLeft{
         bottom:0;
         height: 100px;
         width: 100%;
        }
        /*.camera_wrap,.sliderContColor{
            height: 385px !important;
        }*/
        .sliderText{
            display: none;
        }
        .slideTxtArrow{
            display: none;
        }
        .slideTitle{
            padding-left: 10px !important;
            font-size: 18px !important;
        }
        .camera_pag{
            margin-top: -60px !important;
        }
        .camera_wrap .camera_pag .camera_pag_ul{
            text-align: center !important;
        }
        .threeColumnsRow > div{
            padding-left: 8px !important;
            padding-right: 8px !important;
        }
        .columnCenterCont{
            margin-top: 0 !important;
        }
        .contentCenter3 .contentCenterTit {
            font-size: 15px !important;
            margin-bottom: 10px;
            margin-top: 0 !important;
        }
        .contentCenter3 .verticalSepare{
            margin-left: 30px !important;
        }
        .contentCenter3 .contentViewAllTit{
            font-size: 12px !important;
        }
        .learnMoreTxt{
            margin-top: 24px !important;
        }
        .contentCenter3 .contentNewslist .newsListItem .newsListTit{
            font-size: 15px !important;
        }
        .socialBar div:last-child a{
            margin-right: 0 !important;
        }
        .logoCont {
            width: 45%;
            float: left;
            margin-top: 10px;
            margin-bottom: 15px;
        }
        .logoCont img{
            width: 100%;
        }
        .menuMobile {
            padding-top: 22px;
        }
        .rightBrandPane{
            padding-left: 8px;
            padding-right: 8px;
            min-height: 0;
            height: 65px;
        }
        .generalCont{
            overflow: hidden;
        }
        .poweredByCont{
            text-align: center;
        }
         .shareTopRight{
            display: none;
        }
        .contentCenterTit{
          margin-top:30px;
          
        }
        .containerPage{
            padding-left: 8px;
            padding-right: 8px;
        }
        .internalCenter > img:nth-of-type(1){
            width: 100% !important;
        }
        .rightColPagePane {
              padding: 15px !important;
        }
          .rightColPagePane img,.rightColPagePane table{
              width:100% !important;
              height:auto !important;
        }
        .rightColPagePane img.imageSize{
              width: auto !important;
              height: auto !important;
        }
        .rightColPagePane .rightColumnCont{
            float: none !important;
            padding-left: 25px !important;
            padding-right: 25px !important;
        }
        .programReportTxt{
            font-size: 16px !important;
            padding: 25px 0 !important;
        }
        .photoGalleryCol .photoGalCol1{
            margin-right: 2% !important;
        }
        .photoGalleryCol img{
            width: 47%;
        }
        .rightColumnImg{
            width: 100% !important;
        }
        .outComesList .arrowOutcome{
            display:none !important;
        }
        .outComesList {
            margin: 20px 20px !important;
        }
        .outComesList .outCome{
            min-height: 40px !important;
            padding-top: 10px !important;
            padding-left: 20px !important;
        }
        .innerNavigation{
            display: block !important;
        }
        .outComesList{
            display: none;
        }
        .leftOutcomePagePane{
        min-height: 0 !important;
     }
     .breadcrumbCls{
        display: none;
     }
     .DnnModule-VivoSearchDirectory .container_wrap{
        width: 98% !important;
     }
     .ModVivoSearchDirectoryC a,.ModCISSSideMenuC a{
        min-height: 38px !important;
        background: none !important;
        padding-top: 11px !important;
        padding-left: 20px !important;
        font-size: 15px !important;
     }
     .DnnModule-VivoSearchDirectory,
     .DnnModule-CISSSideMenu{
        margin: 20px !important;
        display: none;
     }
     .ModItxYVAdoptionProfileC img{
        width: 100%;
        margin-right: 15px;
    }
   
}
/*OFF CANVAS ONLY END*/








@media (min-width: 700px) {
    .navbar {
        display: none;
    }
     .sliderImg{
        height: 283px;
    }
    .sliderImg img {
       width: 100%;
     }
     .ModVivoChildNavC {
        margin-top: 0;
        width: 100%;
        float: none !important;
        text-align: center;
     }
     .callToActionRow .ModVivoChildNavC a{
        font-size: 14px;
        padding: 25px 22px 0;
     }
     .callToActionRow{
        padding-right: 0;
     }
     .callToActionPane{
        padding-right: 0;
        padding-left: 0;
     }
     .makeAdifTxt{
        margin-top: 21px;
        padding-left: 10px;
        display: none;
     }
     .doubleArrow{
        margin-top: 30px;
        display: none;
     }
     .logoCont{
        margin-top: 20px;
     }
     .logoImg {
        width: 190px;
        height: 55px;
    }
     .nav-pills{
        width: 745px;
        float: none;
        margin-left: 0;
        margin-top: 15px;
        margin-bottom: 15px;
        overflow: hidden;
        padding-left: 20px;
     }
     .nav-pills > li {
        float: left !important;
        margin-right: 10px;
     }
     .navbar-collapse{
        padding-left: 0;
        padding-right: 0;
     }
     .rightBrandPane{
        min-height: 0;
        }
    .rightHeaderPane{
        min-height: 0;
        height: 58px;
    }
   
      .leftOutcomePagePane{
        float: left;
        width: 95px;
        padding-top: 75px;
        padding-left: 20px;
       }
      .leftOutcomePagePane *{
         width: 95px;
      }  
     .outComesList{
        width: 95px;
        margin-left: 25px;
     }
     .arrowOutcome{
        display: none;
     }
     .outComesList .outCome{
        padding: 15px 5px;
     }
     .containerPage{
        float: left;
        padding-left: 38px;
        width: 390px;
        padding-top: 20px;
     }
     .internalCenter > img:nth-of-type(1){
        width: 390px;
     }
     .internalCentText{
        max-width: 390px;
     }
     .rightColPagePane {
        float: right;
        padding-top: 87px;
        width: 232px;
        padding-right: 22px;
     }
     .rightColumnCont {
         width: 180px;
    }
    .rightColumnCont img{
        width: 157px;
    }
    .menuMobile{
        display: none;
    }
    .logoCont{
        text-align: center;
        float: none;
    }
     .camera_wrap img{
        width: 443px !important;
        height: 283px !important;
     }
    .searchIconNavCont{
        margin-right: 25px;
    }
    .camera_fakehover {
        right: 25px;
    }
    .leftThreeColumnsPane,.middleThreeColumnsPane{
        float: left;
        max-width: 345px;
    }
    .columnCenterCont{
        min-width: 345px;
    }
    .middleThreeColumnsPane {
        padding-left: 50px;
    }
    .leftThreeColumnsPane{
        padding-left: 25px;
    }
    .columnCenterCont > img:nth-of-type(1){
        width: 345px;
    }
    .rightThreeColumnsPane{
        clear: both;
        width: 100%;
    }
     .footerUpRow{
        min-height: 382px;
     }
     .footerText{
        padding-left: 10px;
     }
     .newsletterCont {
        float: none;
        width: auto;
        height: 110px;
        border-bottom: 1px solid #575757;
    }
    .socialBarContainer {
        float: none;
        width: auto;
        clear: both;
        margin-top: 15px;
    }
   .poweredByCont{
     width: 100%;
     padding-top: 15px;
     float: left;
   }
   .microsoftLogo{
        margin-left: 7px;
        margin-top: 7px;
   }
   .footerUpLeft{
    width: 50%;
    float: left;
   }
   .footerUpRight{
    width: 50%;
    float: right;
   }
   .footerDown{
    padding-top: 25px;
    text-align: center;
    min-height: 70px;
   }
   .footerDownRight{
    padding-top: 0px;
   }
   .ConnectContainer{
     float: none;
     padding-right: 0px;
    }
    .ConnectContainer span{
        margin-left: 10px;
    }
    .sliderLeft{
        left: 25px;
        width: 282px;
        height: 282px;
        padding-top: 40px;
        padding-left: 25px;
    }
    .camera_wrap,.sliderContColor{
       height: 282px !important;
    }
    .slideTitle {
        font-size: 20px;
        line-height: 23px;
        width: 90%;
    }
     .sliderText {
        font-size: 14px;
        padding-top: 20px;
        line-height: 16px;
        width: 87%;
    }
    .slideTxtArrow{
        font-size: 14px;
        margin-top: 33px;
    }
    .slideArrow {
        margin-top: 30px;
        width: 27px;
        height: 27px;
        background-size: 27px !important;
    }
    .learnMoreBig{
        display: none;
    }
    .privacyMobile,.newsletterContMob{
         display: none;   
    }
    .sidebar-offcanvas{
        display: none;
    }
    .programReportTxt{
        width: 157px;
        padding: 10px 0;
        font-size: 10px;
        line-height: 14px;
     }
      .photoGalleryCol img{
            width: 68px;   
     }
     .shareTopRight{
        display: none;
     }
     .internalCenter .internalCentText{
        line-height: 25px;
     }
     .callToActionRowColor{
        margin-top: -15px;
     }
     .camera_pag{
        position: absolute;
        bottom: 0px;
        left: 183px;
     }
     .outComesList{
            display: block !important;
     }
     .breadcrumbCls{
        display: none;
     }
     .searchIconIpad{
        display: block !important;
     }
     .searchIconNavContWeb{
        display: none;
     }
     .searchIconNavContWeb,.searchContWeb{
        display: none;
     }
     .offNavigation{
        display: none !important;
     }
     .contentTotal{
        position: initial !important;
        right: 0 !important;
     }
     .searchContPhone{
        display: none !important;
     }
     .searchIconNavContWeb,.searchContWebSpan{
        display: none;
     }
     .DnnModule-VivoSearchDirectory table .ModVivoSearchDirectoryC a,
     .DnnModule-CISSSideMenu table .ModCISSSideMenuC a{
        font-size: 12px !important;
        padding: 15px 0 15px 9px !important;
     }
     .DnnModule-VivoSearchDirectory,
     .DnnModule-CISSSideMenu{
        display:block !important;
     }
     .ModItxYVAdoptionProfileC img{
        width: 100%;
        margin-right: 15px;
    }
    .mapContainerPage{
        width: 600px !important;
    }
     .camera_wrap.cameraWrapSmall{
        height: 282px  !important;
    }
}



@media (min-width: 992px){
    .brandRow{
        height: 85px; 
     }
     .shareTopRight{
        padding-right: 80px;
     }
     .ModVivoChildNavC {
        width: 63%;
        /*margin-top: -15px;*/
        margin-right: -11px;
        float: right !important;
     }
     .callToActionRow .ModVivoChildNavC a{
        font-size: 15px;
        padding: 25px 26px 0;
     }
     .logoCont{
        margin-top: 11px;
     }
     .nav-pills{
        width: 667px;
        margin-top: 28px;
        float: right;
        margin-bottom: 0;
        padding-left: 0px;
     }
     .nav-pills > li {
       /* float: right !important;*/
        margin-right: 0;
     }
     .navbar-collapse{
        padding-left: 15;
        padding-right: 15;
     }
     .rightHeaderPane,.rightBrandPane{
        min-height: 58px;
    }
     .outComesList{
        width: 165px;
        margin-left: 25px;
     }
     .arrowOutcome{
        display: block;
     }
     .outComesList .outCome{
        padding: 15px 20px 15px 35px;
     }
     .containerPage{
        padding-left: 25px;
        width: 450px;
     }
     .internalCenter > img:nth-of-type(1){
        width: 100%;
     }
     .internalCentText{
        max-width: 653px;
     }
     .rightColumnCont {
         width: 262px;
    }
    .rightColumnCont img{
        width: auto;
    }
     .camera_wrap img{
        width: 582px !important;
        height: 371px !important;
     }
     .leftThreeColumnsPane,.middleThreeColumnsPane{
        float: left;
        max-width:none;
    }
    .columnCenterCont > img:nth-of-type(1){
        width: 315px;
    }
    
    .rightThreeColumnsPane{
        width: 300px;
        float: right;
        clear: none;


    }

	/* [AS] I added the following set of rules since I found that Latest News on the home page 
		were not properly aligned with the content on the other two columns */
	.rightThreeColumnsPane .DnnModule-ItxYVRss {
		position: relative;
		top: -20px;
	}

    .columnCenterCont {
        min-width: 320px;
    }
    .middleThreeColumnsPane {
        padding-left: 25px;
    }
    .contentCenter3 {
        min-width: 0;
    }
    .makeAdifTxt {
        display: block;
        padding-left: 0px;
    }
    .doubleArrow{
        display: block;
    }
    .footerDownRight{
    padding-top: 25px;
   }
   .microsoftLogo{
    float: none;
   }
   .sliderLeft{
        left: 25px;
        width: 363px;
        height: 371px;
    }
    .camera_wrap,.sliderContColor{
       height: 371px !important;
    }
    .rightColPagePane{
        padding-right: 25px;
        width: 228px;
    }
    .programReportTxt{
        width: auto;
        padding: 30px 0;
        font-size: 17px;
        line-height: normal;
     }
     .photoGalleryCol img{
            width: 120px;   
     }
     .shareTopRight{
        display: block;
     }
     .internalCenter .internalCentText{
        line-height: 22px;
     }
      .callToActionRowColor{
        margin-top: -5px;
      }
      .camera_pag{
        position: absolute;
        bottom: 25px;
        left: 228px;
      }
      .slideTitle {
        font-size: 21px;
        line-height: 24px;
        width: 90%;
      }
      .sliderText{
        font-size: 16px;
        line-height: 20px;
      }
      .breadcrumbCls{
        display: block;
        padding-left: 80px;
      }
      .callToActionPane{
        padding-right: 15px;
        padding-left: 15px;
     }
     .DnnModule-VivoSearchDirectory table .ModVivoSearchDirectoryC a,
     .DnnModule-CISSSideMenu table .ModCISSSideMenuC a{
         min-height: 60px !important;
         padding: 21px 20px 21px 35px !important;
         background: url(/portals/_default/skins/youthvillages2013/img/outcomeArrow.png) no-repeat !important;
         font-size: 14px !important;
     }
     .leftOutcomePagePane,.leftOutcomePagePane *{
        width: auto;
        max-width:none;
     }

     .leftOutcomePagePane{
        padding-left: 8px;
		min-width:180px; /*min-width: 310px;*/ /*force width to keep column spacing even if there is no content on the pane*/
     }

    .ModItxYVAdoptionProfileC img{
        width: 160px !important;
        margin-right: 15px;
    }
    .nav > li:nth-of-type(6),.nav > li:nth-of-type(7),
    .nav > li:nth-of-type(8),.nav > li:nth-of-type(9),
    .nav > li:nth-of-type(10),.nav > li:nth-of-type(11)
    {
        display: none;
    }
    .mapContainerPage{
        width: 650px !important;
    }
    .camera_wrap.cameraWrapSmall{
        height: 371px !important;
    }
    .cameraWrapSmall.camera_wrap .camera_pag .camera_pag_ul li{
         top: 24px !important;   
    }
}






@media (min-width: 1200px){
     .nav-pills{
        padding-right: 53px;
        width: 900px;
     }
     /*.nav-pills > li {
        float: right !important;
     }*/
     .sliderImg img {
       width: 90%;
      }
      .sliderImg{
        height: 450px
     }
    .leftOutcomePagePane{
        padding-left: 15px;
        min-width: 250px;
     }
     .rightColPagePane{
        padding-right: 15px;
     }
     .containerPage {
        padding-left: 15px;
     }
    .shareTopRight{
        padding-right: 80px;
     }
     .camera_wrap img{
        width: 632px !important;
        height: 403px !important;
     }
     .camera_fakehover{
        right: 24px;
     }
     .leftThreeColumnsPane,.middleThreeColumnsPane{
        float: left;
        max-width: none;
    }
    .middleThreeColumnsPane {
        padding-left: 15px;
    }
    .leftThreeColumnsPane{
        padding-left: 15px;
    }
    .columnCenterCont > img:nth-of-type(1){
        width: 345px;
    }
    .rightThreeColumnsPane{
        width: 33.333333333%;
        float: left;
    }
    .ModVivoChildNavC{
        margin-right: -25px;
    }
    .footerUpRow{
        min-height: 0;
     }
     .newsletterCont{
        float: left;
        width: 260px;
        height: auto;
        border-bottom: none;
     }
     .socialBarContainer {
        float: left;
        width: auto;
        clear: none;
        margin-top: 0;
    }
    .poweredByCont{
        width: 525px;
        padding-top: 40px;
   }
   .poweredByCont span{
        padding-left: 110px;
        float: left;
   }
   .microsoftLogo{
        margin-left: 20px;
        margin-top: 0px;
        float: left;
   }
   .footerDown{
    padding-top: 30px;
    text-align: left;
    min-height: 90px;
   }
   .footerDownRight{
    padding-top: 30px;
   }
   .ConnectContainer{
     float: right;
     padding-right: 30px;
    }
    .ConnectContainer span{
        margin-left: 110px;
    }
    .sliderLeft{
        left: 24px;
        width: 514px;
        height: 403px;
        padding-top: 70px;
        padding-left: 80px;
     }
     .camera_wrap,.sliderContColor{
        height: 403px !important;
     }
     .slideTitle {
        font-size: 32px;
        color: #FFF;
        line-height: 36px;
        width: 82%;
      }
      .sliderText {
        font-size: 18px;
        padding-top: 30px;
        line-height: 22px;
        width: 82%;
     }
     .slideTxtArrow {
        font-size: 18px;
        color: #FFF;
        padding-left: 10px;
        float: left;
        margin-top: 52px;
    }
    .slideArrow {
        width: 40px;
        height: 40px;
        margin-top: 45px;
        background-size: 40px !important;
    }
    .outComesList{
        margin-left:0;
        
    }
    .containerPage{
        margin-left: 0;
        width: 620px;
        padding-left: 20px;
     }
    .rightColPagePane{
        padding-right: 25px;
        width: 253px;
    }
    .internalCenter > img:nth-of-type(1){
        width: auto;
     }
     .camera_pag{
        position: absolute;
        bottom: 25px;
        left: 370px;
     }
     .breadcrumbCls{
        padding-left: 15px;
     }
     
      .searchIconIpad,.searchContIpad{
        display: none !important;
     }
      .searchIconNavContWeb,.searchContWebSpan{
        display: inline-block;
     }
     .nav > li:nth-of-type(6){
        display: block;
    }
    
    .nav > li:nth-of-type(7),.nav > li:nth-of-type(8),
    .nav > li:nth-of-type(9),.nav > li:nth-of-type(10),
    .nav > li:nth-of-type(11){
        display: none;
    }
    .mapContainerPage{
        width: 690px !important;
    }
    .camera_wrap.cameraWrapSmall{
        height: 403px !important;
    }
}



@media (min-width: 1300px){
    .container {
        max-width: 1300px;
    }
    .logoImg{
        margin-left: 65px;
    }
    .callToActionRow{
         padding: 0 65px;
     }
     .threeColumnsRow{
        padding: 0 65px;
     }
     .footerUpLeft{
        padding-left:65px;    
     }
     .nav-pills{
        padding-right: 53px;
        width: 954px;
     }
      .footerDown .copyRightText{
        padding-left: 65px;
     }
     .footerDown .ConnectContainer{
        padding-right: 80px;
     }
     .leftOutcomePagePane{
        padding-left: 80px;
        min-width: 318px;
     }
     .containerPage{
        padding-left: 15px;
        margin-left: 0;
        width: 640px;
     }
     .rightColPagePane{
        padding-right: 70px;
        width: 298px;
     }
     .shareTopRight{
        padding-right: 100px;
     }
     .ModVivoChildNavC {
        width: auto;
        margin-right: 0px;
     }
     .camera_wrap img{
        width: 702px !important;
        height: 448px !important;
     }
     .camera_fakehover{
        right: 80px;
     }
     .searchIconNavCont{
        margin-right: 80px;
    }
     .footerText{
        padding-left: 10px;
     }
     .sliderLeft{
        left: 80px;
        width:518px;
        height: 450px;
     }
     .camera_wrap,.sliderContColor{
        height: 450px !important;
     }
    .breadcrumbCls{
        padding-left: 80px;
    }
     .camera_wrap.cameraWrapSmall{
        height: 450px !important;
    }
}