/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {


h2.InnerContentTitle{
   font-size: 1.5em;
   

}




.rightImgBox-slider, .rightImgBox, .rightImgBox-four  {
 background-position: center center!important;
    background-size: contain!important;
    height: 200px;
    width: 100%;
      text-align: center;
    /*transform: translateX(50%);
    -ms-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -o-transform: translateX(50%);
    -webkit-transform: translateX(50%);*/

}

.leftImgBox-three, .leftImgBox{

 background-position: center center;
    background-size: contain;
    height: 200px;
    width: 100%;
      text-align: center;
/*    transform: translateX(50%);
    -ms-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -o-transform: translateX(50%);
    -webkit-transform: translateX(50%);
*/
    

 
}


.col-md-6.col-sm-12.col-xs-12.leftContentBox{
      margin-top: 130px;
}


/*.col-md-6.col-sm-12.col-xs-12.rightImgBox-slider {
    margin-top: 120px; 
}

*/
h1.SliderContentTitle {
    font-size: 1em;
white-space: pre-wrap;
   padding: 29px 0;

}

span.SliderContentDesc{
    font-size: 14px;

    white-space: pre-wrap;
}


.rightContentBox, .leftContentBox{
 height: auto;
}
.rightInnerContent, .leftInnerContent{
    
     height: auto;
}

.mCustomScrollBox{ /* contains plugin's markup */
       height: auto;
    }


#menu li {
    width: 100%;

}


.subsitheader .nav.navbar-nav.navbar-right {
    margin-top: 0;
    
}

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {


  
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }





@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .ipad-portrait { color: red; } /* your css rules for ipad portrait */

.col-md-6.col-sm-12.col-xs-12.leftContentBox{
      margin-top: 130px;
}


  .leftImgBox-three, .leftImgBox{

 background-position: center center;
    background-size: contain;
    height: 50%;
    width: 50%;
      text-align: center;
  transform: translateX(50%);
    -ms-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -o-transform: translateX(50%);
    -webkit-transform: translateX(50%);


    

 
}
.social-icon {
    float: left !important;
    margin-left: 30px !important;
}

.rightImgBox-slider, .rightImgBox, .rightImgBox-four  {
 background-position: center center!important;
    background-size: contain!important;
    height: 50%;
    width: 50%;
      text-align: center;
transform: translateX(50%);
    -ms-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -o-transform: translateX(50%);
    -webkit-transform: translateX(50%);

   }
}


@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  .ipad-landscape { color: blue; } /* your css rules for ipad landscape */

 .social-icon  {
    float:none !important;
}


    .mCustomScrollBox{ 
      
        height: 250px !important;
      
    }

}