/* ----------- iPhone 4 and 4S ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  p {
    color: #898989;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 23px;
    margin: 10px 0 25px !important;
    text-align: justify;
}
.list2 li, .list1 li , .listA li {
    font-size: 14px;  line-height: 23px; 
} 
.title-color2 {
    color: #00aecd;
    font-family: "Raleway",sans-serif;
font-size: 16px;}
.owl-wrapper{left:0!important}



#cssmenu {
    width: 100%;
    margin-top: -65px!important;
    background: none;
}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {

.margins-30{margin-top:0px;}
  .width-100{width:100%!important;}
  .head {
    width: 320px;
  }

  .head h1 {
    font-size: 1.9em;
  }

  .view-port,
  .track .inner,
  .slider-container .item.cover {
    width: 302px;
  }

  .view-port h2 {
    font-size: 1.5em;
  }

  .slider-container {
    height:323px!important;
  }

  .slider-container .item {
    width: 296px;
    height: 124px;
  }

  .slider-container .item img,
  .slider-container .item p {
    float: left;
  }

  .slider-container .item img,
  #example-4 img {
    width: 250px; margin-left:20px;
  }

  .slider-container .item p {
    margin: 50px 0 0 10px;
  }

  .slider-container.big,
  .slider-container.big .item.cover {
    height: 264px;
  }

  .slider-container.big .item,
  .slider-container.big .item.cover > img,
  .slider-container.big .item.cover .img-area {
    width: 302px;
  }

  .slider-container.big .item.cover > img {
    float: none;
  }

  .slider-container .item.cover .img-block,
  .slider-container.big .item,
  .slider-container .item.cover .img-area {
    height: 88px;
    margin-bottom: 0;
  }

  .img-block {
    width: 151px;
  }

  .img-area .img-block {
    width: 148px;
  }

.show-hide1{display:none!important;}
.show-hide2{display:block!important;}
.navbar .nav{display:none!important}
.logo1{ background-image: url("../img/logo-mob.png");
    background-repeat: no-repeat;
    float: left;
    height: 68px;
    margin: 15px 0 0 0;
    width: 100px; display:block!important; }
.logo{display:none;}
select.selectmenu{padding:10px; margin-bottom:0; margin-top:16px;}
.heading {font-size:19px;}
.heading1{font-size:16px;}
.aa{font-size:20px;}
li:hover a, li.active a {
    background: none!important;
    color: #000!important;
    text-decoration: none;
    transform: skewX(-10deg);
}
li a{text-align:left!important; border-bottom:1px solid #ccc;}
.owl-carousel .owl-wrapper-outer {
    /* overflow: hidden; */
    position: relative;
    width: 100%;
    position: relative;
    left: 17px;
}
.sliderA{width:100%!important; overflow:hidden;}

.owl-next {
    bottom: 0!important;
    float: left!important;
    position: relative!important;
    left: 210px!important;
   
}
.leftA {
    float: none;
}
.rightA {
    float: none;
}
.owl-prev {
    bottom: 0!important;
    float: right!important;
    position: relative!important;
    right: 210px!important;
}
#demo {
    margin-top: -9px;
    margin-bottom: 40px;
}
.container{overflow:hidden;}
.margin-tops {
    margin-top: 0;
}
ul.list2 {
    margin: 0;
    padding: 0!important;
    width: 100%;
}
.h5-text {
   margin: 8px 0 22px;}

}
@media only screen 
and (max-width : 320px) {
.margins-30{margin-top:0px;}
  .width-100{width:100%!important;}
  .head {
    width: 320px;
  }

  .head h1 {
    font-size: 1.9em;
  }

  .view-port,
  .track .inner,
  .slider-container .item.cover {
    width: 302px;
  }

  .view-port h2 {
    font-size: 1.5em;
  }

  .slider-container {
    height:323px!important;
  }

  .slider-container .item {
    width: 296px;
    height: 124px;
  }

  .slider-container .item img,
  .slider-container .item p {
    float: left;
  }

  .slider-container .item img,
  #example-4 img {
    width: 250px; margin-left:20px;
  }

  .slider-container .item p {
    margin: 50px 0 0 10px;
  }

  .slider-container.big,
  .slider-container.big .item.cover {
    height: 264px;
  }

  .slider-container.big .item,
  .slider-container.big .item.cover > img,
  .slider-container.big .item.cover .img-area {
    width: 302px;
  }

  .slider-container.big .item.cover > img {
    float: none;
  }

  .slider-container .item.cover .img-block,
  .slider-container.big .item,
  .slider-container .item.cover .img-area {
    height: 88px;
    margin-bottom: 0;
  }

  .img-block {
    width: 151px;
  }

  .img-area .img-block {
    width: 148px;
  }

.show-hide1{display:none!important;}
.show-hide2{display:block!important;}
.navbar .nav{display:none!important}
.logo1{ background-image: url("../img/logo-mob.png");
    background-repeat: no-repeat;
    float: left;
    height: 68px;
    margin: 15px 0 0 0;
    width: 100px; display:block!important; }
.logo{display:none;}
select.selectmenu{padding:10px; margin-bottom:0; margin-top:16px;}
.heading {font-size:19px;}
.heading1{font-size:16px;}
.aa{font-size:20px;}
li:hover a, li.active a {
    background: none!important;
    color: #000!important;
    text-decoration: none;
    transform: skewX(-10deg);
}
li a{text-align:left!important; border-bottom:1px solid #ccc;}
.owl-carousel .owl-wrapper-outer {
    /* overflow: hidden; */
    position: relative;
    width: 100%;
    position: relative;
    left: 25px!important;
}
.sliderA{width:100%!important; overflow:hidden;}

.owl-next {
    bottom: 0!important;
    float: left!important;
    position: relative!important;
    left: 210px!important;
   
}
.leftA {
    float: none;
}
.rightA {
    float: none;
}
.owl-prev {
    bottom: 0!important;
    float: right!important;
    position: relative!important;
    right: 210px!important;
}
#demo {
    margin-top: -9px;
    margin-bottom: 40px;
}
.container{overflow:hidden;}
.margin-tops {
    margin-top: 0;
}
ul.list2 {
    margin: 0;
    padding: 0!important;
    width: 100%;
}
.h5-text {
   margin: 8px 0 22px;}

}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  ul.list2 {
    margin: 0;
    padding: 0!important;
    width: 100%;
}
  .margins-30{margin-top:0px;}
   .width-100{width:100%!important;}
  .owl-carousel .owl-wrapper-outer {
    /* overflow: hidden; */
    position: relative;
    width: 100%;
    position: relative;
    left: 10px;
}
  .owl-next {
    bottom: 0!important;
    float: left!important;
    position: relative!important;
    left: 210px!important;
   
}
.owl-prev {
    bottom: 0!important;
    float: right!important;
    position: relative!important;
    right: 210px!important;
}
.h5-text {
   margin: 8px 0 22px;}
}
@media only screen 
and (max-width :640px) {
	
.img-borderA {
    border: 5px solid #fff;
    box-shadow: 0 0 5px #858585;
    clear: both;
    margin-bottom: 15px;
    margin-top: 30px;
}
.deviderB{display:none;}
.h3-text {
    color: #f1a83e;
    font-size: 29px;
    margin-bottom: 30px;
}
.margins-30{margin-top:0px; border-bottom:none;}
.b-text{line-height: 25px;}
.hides{display:none;}
.shows{display:block;}
.text {
    margin-bottom: 0!important;
    text-align: left;
}
.marginsA1-mob{margin:0 0 20px 0;}
ul.list2 {
    margin: 0;
    padding: 0!important;
    width: 100%; 
}
.h5-text {
   margin: 8px 0 22px;}
.lineA {
    
    left:50%; margin:0;
}
.title-color, .title-color1{text-align:center;}
.text-center1{text-align:center!important;}
.left-img{float:none; margin-bottom:10px;}
.margin-left-icon{display:none!important;}
.title1 {
	font-size:16px!important; margin-top:20px!important;
}
.heading-text1 {
    color: #0bb0cd;
    float: left;
    font-size: 19px;
    font-family: "Raleway",sans-serif;
}
.stcode_title5 h3 {
padding-bottom: 35px;}
.list2 li , .list1 li{
font-size: 15px;}
#cssmenu1 {
    width: 100%;
    z-index: 99999;
    background-color: #232323; padding: 0 15px!important;
}

#cssmenu1 > ul > li:hover > a, #cssmenu1 > ul > li.active > a {
   
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    color: #f1a83e!important;
    text-decoration: none;
}
#cssmenu1 ul ul li a {
    color: #fff!important;
    background: none;
}
.italic-text{position:relative; right:0;}
.list1 li{line-height:24px;}
.margin-left {
    margin-left: 0px!important;
}
.mob-border-bottom{background: rgba(0, 0, 0, 0) url("../img/shadow2.png") no-repeat scroll center bottom;
    float: left;
    margin-bottom: 25px;
    /*padding-top: 25px;*/
    text-align: center;
    width: 100%;}

/**/
  .width-100{width:100%!important;}
  .head {
    width: 320px;
  }

  .head h1 {
    font-size: 1.9em;
  }

  .view-port,
  .track .inner,
  .slider-container .item.cover {
    width: 302px;
  }

  .view-port h2 {
    font-size: 1.5em;
  }

  .slider-container {
    height:323px!important;
  }

  .slider-container .item {
    width: 296px;
    height: 124px;
  }

  .slider-container .item img,
  .slider-container .item p {
    float: left;
  }

  .slider-container .item img,
  #example-4 img {
    width: 250px; margin-left:20px;
  }

  .slider-container .item p {
    margin: 50px 0 0 10px;
  }

  .slider-container.big,
  .slider-container.big .item.cover {
    height: 264px;
  }

  .slider-container.big .item,
  .slider-container.big .item.cover > img,
  .slider-container.big .item.cover .img-area {
    width: 302px;
  }

  .slider-container.big .item.cover > img {
    float: none;
  }

  .slider-container .item.cover .img-block,
  .slider-container.big .item,
  .slider-container .item.cover .img-area {
    height: 88px;
    margin-bottom: 0;
  }

  .img-block {
    width: 151px;
  }

  .img-area .img-block {
    width: 148px;
  }

.show-hide1{display:none!important;}
.show-hide2{display:block!important;}
.navbar .nav{display:none!important}
.logo1{ background-image: url("../img/logo-mob.png");
    background-repeat: no-repeat;
    float: left;
    height: 68px;
    margin: 15px 0 0 0;
    width: 100px; display:block!important; }
.logo{display:none;}
select.selectmenu{padding:10px; margin-bottom:0; margin-top:16px;}
.heading {font-size:19px;}
.heading1{font-size:16px;}
.aa{font-size:20px;}
li:hover a, li.active a {
    background: none!important;
    color: #000!important;
    text-decoration: none;
    transform: skewX(-10deg);
}
li a{text-align:left!important; border-bottom:1px solid #ccc;}
.owl-carousel .owl-wrapper-outer {
    /* overflow: hidden; */
    position: relative;
    width: 100%;
    position: relative;
    left: 50px;
}
.sliderA{width:100%!important; overflow:hidden;}

.owl-next {
    bottom: 0!important;
    float: left!important;
    position: relative!important;
    left: 210px!important;
   
}
.leftA {
    float: none;
}
.rightA {
    float: none;
}
.owl-prev {
    bottom: 0!important;
    float: right!important;
    position: relative!important;
    right: 210px!important;
}
#demo {
    margin-top: -9px;
    margin-bottom: 40px;
}
.container{overflow:hidden;}
.margin-tops {
    margin-top: 0;
}
}
/* Tablet */
@media (min-width: 900px) and (max-width: 1400px) {
 .width-100{width:100%!important;}
  .head {
    width: 730px;
  }
.sliderA{width:1170px!important;}
 .view-port, .track .inner {
    width: 1067px;
}
  .view-port,
  .track .inner,
  .slider-container .item.cover {
    width: 706px;
  }

  .view-port h2 {
    font-size: 1.3em;
  }

  .slider-container {
    height: 130px;
  }

  .slider-container .item {
    height: 114px;
  }

  .slider-container .item,
  .slider-container .item img,
  .slider-container .item .img-area img,
  #example-4 img {
    width: 164px;
    height: auto;
  }

  .slider-container .item.cover > img {
    width: 343px;
  }

  .slider-container .item.cover .img-area {
    margin-left: 10px;
  }

  .editorial {
    width: 169px;
    height: 195px;
  }

  .editorial .title {
    font-size: 18px;
    margin: 10px 0 0 16px;
  }

  .editorial .desc {
    margin-left: 16px;
    font-size: 13px;
  }

  .slider-container.big,
  .slider-container.big .item {
    height: 196px;
  }

  .slider-container.big .item .img-area {
    height: 196px;
  }

  .slider-container .item.cover .img-block,
  .img-block {
    margin-bottom: 0;
    height: 104px;
  }

  .side-a, .side-b {
    width: 349px;
  }

  .side-a {
    margin-right: 8px;
  }

  .slider-container .item .side-a > img,
  .slider-container .item .side-b > img {
    width: 343px;
    height: auto;
  }

  .slider-container .item.cover-2 .img-area {
    margin: 9px 0 0 0;
  }

  .slider-container .item.cover-2 .img-area .img-block:first-child {
    margin-right: 15px;
  }

  .slider-container.huge,
  .slider-container .item.cover-2 {
    height: 300px;
  }
}

/* Small Tablet potrait */
@media only screen and (min-device-width : 600px) and (max-device-width : 1024px) and (orientation : portrait)
 and (-webkit-min-device-pixel-ratio : 2) {
	 .fixed-footer {
position: relative!important;}
 .img-borderA {
    border: 5px solid #fff;
    box-shadow: 0 0 5px #858585;
    clear: both;
    margin-bottom: 15px;
    margin-top: 30px;
}
.deviderB{display:none;}
.h3-text {
    color: #f1a83e;
    font-size: 29px;
    margin-bottom: 30px;
}
.margins-30{margin-top:0px; border-bottom:none;}
.b-text{line-height: 25px;}
.hides{display:none;}
.shows{display:block;}
.text {
    margin-bottom: 0!important;
    text-align: left;
}

ul.list2 {
    margin: 0;
    padding: 0!important;
    width: 100%; 
}
.h5-text {
   margin: 8px 0 22px;}
.lineA {
    
    left:50%; margin:0;
}
.title-color, .title-color1{text-align:center;}
.text-center1{text-align:justify!important}
.left-img{float:none; margin-bottom:10px;}
.margin-left-icon{display:none!important;}
#cssmenu1 {
    width: 100%;
    z-index: 99999;
    background-color: #232323; padding: 0 15px!important;
}

#cssmenu1 > ul > li:hover > a, #cssmenu1 > ul > li.active > a {
   
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    color: #f1a83e!important;
    text-decoration: none;
}
#cssmenu1 ul ul li a {
    color: #fff!important;
    background: none;
}
.italic-text{position:relative; right:0;}
.list1 li{line-height:24px;}

 .marginsA1-mob{margin:0 0 30px 0;}

 
 .owl-next {
    bottom: 0!important;
    float: left!important;
    position: relative!important;
    left: 410px!important;
   
}
.owl-prev {
    bottom: 0!important;
    float: right!important;
    position: relative!important;
    right: 410px!important;
}
  .head {
    width: 320px;
  }

  .head h1 {
    font-size: 1.9em;
  }

  .view-port,
  .track .inner,
  .slider-container .item.cover {
    width: 302px;
  }

  .view-port h2 {
    font-size: 1.5em;
  }

  .slider-container {
    height:323px!important;
  }

  .slider-container .item {
    width: 296px;
    height: 124px;
  }

  .slider-container .item img,
  .slider-container .item p {
    float: left;
  }

  .slider-container .item img,
  #example-4 img {
    width: 250px; margin-left:20px;
  }

  .slider-container .item p {
    margin: 50px 0 0 10px;
  }

  .slider-container.big,
  .slider-container.big .item.cover {
    height: 264px;
  }

  .slider-container.big .item,
  .slider-container.big .item.cover > img,
  .slider-container.big .item.cover .img-area {
    width: 302px;
  }

  .slider-container.big .item.cover > img {
    float: none;
  }

  .slider-container .item.cover .img-block,
  .slider-container.big .item,
  .slider-container .item.cover .img-area {
    height: 88px;
    margin-bottom: 0;
  }

  .img-block {
    width: 151px;
  }

  .img-area .img-block {
    width: 148px;
  }

.show-hide1{display:block!important;}
.show-hide2{display:none!important;}
.navbar .nav{display:none!important}
.logo1{ background-image: url("../img/logo-mob.png");
    background-repeat: no-repeat;
    float: left;
    height: 68px;
    margin: 15px 0 0 0;
    width: 100px; display:block!important; }
.logo{display:none;}
select.selectmenu{padding:10px; margin-bottom:0; margin-top:16px;}
.heading {font-size:19px;}
.heading1{font-size:16px;}
.aa{font-size:20px;}
li:hover a, li.active a {
    background: none!important;
    color: #000!important;
    text-decoration: none;
    transform: skewX(-10deg);
}
li a{text-align:left!important; border-bottom:1px solid #ccc;}
.owl-carousel .owl-wrapper-outer {
    /* overflow: hidden; */
    position: relative;
    width: 100%;
    position: relative;
    left:20px;
}
.sliderA{width:100%!important; overflow:hidden;}

.owl-next {
    bottom: 0!important;
    float: left!important;
    position: relative!important;
    left: 352px;
   
}
.owl-prev {
    bottom: 0!important;
    float: right!important;
    position: relative!important;
    right: 352px;
}
.leftA {
    float: none;
}
.rightA {
    float: none;
}

#demo {
    margin-top: -9px;
    margin-bottom: 40px;
}
.container{overflow:hidden;}
.margin-tops {
    margin-top: 0;
}
	
}

/* Small Tablet Landscape */
@media only screen and (min-device-width : 600px) and (max-device-width : 1024px) and (orientation : landscape) {
.fixed-footer {
position: relative!important;}
 .width-100{width:100%!important;}
 .container{width:100%!important;}
 .owl-next {
    bottom: 0!important;
    float: left!important;
    position: relative!important;
    left: 540px!important;
   
}
.owl-prev {
    bottom: 0!important;
    float: right!important;
    position: relative!important;
    right: 540px!important;
}
  .head {
    width: 320px;
  }

  .head h1 {
    font-size: 1.9em;
  }

  .view-port,
  .track .inner,
  .slider-container .item.cover {
    width: 302px;
  }

  .view-port h2 {
    font-size: 1.5em;
  }

  .slider-container {
    height:323px!important;
  }

  .slider-container .item {
    width: 296px;
    height: 124px;
  }

  .slider-container .item img,
  .slider-container .item p {
    float: left;
  }

  .slider-container .item img,
  #example-4 img {
    width: 250px; margin-left:20px;
  }

  .slider-container .item p {
    margin: 50px 0 0 10px;
  }

  .slider-container.big,
  .slider-container.big .item.cover {
    height: 264px;
  }

  .slider-container.big .item,
  .slider-container.big .item.cover > img,
  .slider-container.big .item.cover .img-area {
    width: 302px;
  }

  .slider-container.big .item.cover > img {
    float: none;
  }

  .slider-container .item.cover .img-block,
  .slider-container.big .item,
  .slider-container .item.cover .img-area {
    height: 88px;
    margin-bottom: 0;
  }

  .img-block {
    width: 151px;
  }

  .img-area .img-block {
    width: 148px;
  }

.show-hide1{display:block!important;}
.show-hide2{display:none!important;}
.navbar .nav{display:none!important}
.logo1{ background-image: url("../img/logo-mob.png");
    background-repeat: no-repeat;
    float: left;
    height: 68px;
    margin: 15px 0 0 0;
    width: 100px; display:block!important; }
.logo{display:none;}
select.selectmenu{padding:10px; margin-bottom:0; margin-top:16px;}
.heading {font-size:19px;}
.heading1{font-size:16px;}
.aa{font-size:20px;}
li:hover a, li.active a {
    background: none!important;
    color: #000!important;
    text-decoration: none;
    transform: skewX(-10deg);
}
li a{text-align:left!important; border-bottom:1px solid #ccc;}
.owl-carousel .owl-wrapper-outer {
    /* overflow: hidden; */
    position: relative;
    width: 100%;
    position: relative;
    left:0px;
}
.sliderA{width:100%!important; overflow:hidden;}

.owl-next {
    bottom: 0!important;
    float: left!important;
    position: relative!important;
    left: 352px;
   
}
.owl-prev {
    bottom: 0!important;
    float: right!important;
    position: relative!important;
    right: 352px;
}
.leftA {
    float: none;
}
.rightA {
    float: none;
}

#demo {
    margin-top: -9px;
    margin-bottom: 40px;
}
.container{overflow:hidden;}
.margin-tops {
    margin-top: 0;
}
	
  li a {
    display: block;
    padding: 0 13px!important;}
	
}
/* ----------- iPhone 4 and 4S ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
   .width-100{width:100%!important;}
  .head {
    width: 320px;
  }

  .head h1 {
    font-size: 1.9em;
  }

  .view-port,
  .track .inner,
  .slider-container .item.cover {
    width: 302px;
  }

  .view-port h2 {
    font-size: 1.5em;
  }

  .slider-container {
    height:323px!important;
  }

  .slider-container .item {
    width: 296px;
    height: 124px;
  }

  .slider-container .item img,
  .slider-container .item p {
    float: left;
  }

  .slider-container .item img,
  #example-4 img {
    width: 250px; margin-left:20px;
  }

  .slider-container .item p {
    margin: 50px 0 0 10px;
  }

  .slider-container.big,
  .slider-container.big .item.cover {
    height: 264px;
  }

  .slider-container.big .item,
  .slider-container.big .item.cover > img,
  .slider-container.big .item.cover .img-area {
    width: 302px;
  }

  .slider-container.big .item.cover > img {
    float: none;
  }

  .slider-container .item.cover .img-block,
  .slider-container.big .item,
  .slider-container .item.cover .img-area {
    height: 88px;
    margin-bottom: 0;
  }

  .img-block {
    width: 151px;
  }

  .img-area .img-block {
    width: 148px;
  }

.show-hide1{display:none!important;}
.show-hide2{display:block!important;}
.navbar .nav{display:none!important}
.logo1{ background-image: url("../img/logo-mob.png");
    background-repeat: no-repeat;
    float: left;
    height: 68px;
    margin: 15px 0 0 0;
    width: 100px; display:block!important; }
.logo{display:none;}
select.selectmenu{padding:10px; margin-bottom:0; margin-top:16px;}
.heading {font-size:19px;}
.heading1{font-size:16px;}
.aa{font-size:20px;}
li:hover a, li.active a {
    background: none!important;
    color: #000!important;
    text-decoration: none;
    transform: skewX(-10deg);
}
li a{text-align:left!important; border-bottom:1px solid #ccc;}
.owl-carousel .owl-wrapper-outer {
    /* overflow: hidden; */
    position: relative;
    width: 100%;
    position: relative;
    left: 15px;
}
.sliderA{width:100%!important; overflow:hidden;}

.owl-next {
    bottom: 0!important;
    float: left!important;
    position: relative!important;
    left: 260px!important;
   
}
.leftA {
    float: none;
}
.rightA {
    float: none;
}
.owl-prev {
    bottom: 0!important;
    float: right!important;
    position: relative!important;
    right: 260px!important;
}
#demo {
    margin-top: -9px;
    margin-bottom: 40px;
}
.container{overflow:hidden;}
.margin-tops {
    margin-top: 0;
}
.head {
    width: 320px;
  }

  .head h1 {
    font-size: 1.9em;
  }

  .view-port,
  .track .inner,
  .slider-container .item.cover {
    width: 302px;
  }

  .view-port h2 {
    font-size: 1.5em;
  }

  .slider-container {
    height:323px!important;
  }

  .slider-container .item {
    width: 296px;
    height: 124px;
  }

  .slider-container .item img,
  .slider-container .item p {
    float: left;
  }

  .slider-container .item img,
  #example-4 img {
    width: 250px; margin-left:20px;
  }

  .slider-container .item p {
    margin: 50px 0 0 10px;
  }

  .slider-container.big,
  .slider-container.big .item.cover {
    height: 264px;
  }

  .slider-container.big .item,
  .slider-container.big .item.cover > img,
  .slider-container.big .item.cover .img-area {
    width: 302px;
  }

  .slider-container.big .item.cover > img {
    float: none;
  }

  .slider-container .item.cover .img-block,
  .slider-container.big .item,
  .slider-container .item.cover .img-area {
    height: 88px;
    margin-bottom: 0;
  }

  .img-block {
    width: 151px;
  }

  .img-area .img-block {
    width: 148px;
  }

.show-hide1{display:block!important;}
.show-hide2{display:none!important;}
.navbar .nav{display:none!important}
.logo1{ background-image: url("../img/logo-mob.png");
    background-repeat: no-repeat;
    float: left;
    height: 68px;
    margin: 15px 0 0 0;
    width: 100px; display:block!important; }
.logo{display:none;}
select.selectmenu{padding:10px; margin-bottom:0; margin-top:16px;}
.heading {font-size:19px;}
.heading1{font-size:16px;}
.aa{font-size:20px;}
li:hover a, li.active a {
    background: none!important;
    color: #000!important;
    text-decoration: none;
    transform: skewX(-10deg);
}
li a{text-align:left!important; border-bottom:1px solid #ccc;}
.owl-carousel .owl-wrapper-outer {
    /* overflow: hidden; */
    position: relative;
    width: 100%;
    position: relative;
    left: 00px;
}
.sliderA{width:100%!important; overflow:hidden;}


.leftA {
    float: none;
}
.rightA {
    float: none;
}

#demo {
    margin-top: -9px;
    margin-bottom: 40px;
}
.container{overflow:hidden;}
.margin-tops {
    margin-top: 0;
}
  }
/* ----------- iPhone 5 and 5S ----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 481px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
   .width-100{width:100%!important;}
  .head {
    width: 320px;
  }

  .head h1 {
    font-size: 1.9em;
  }

  .view-port,
  .track .inner,
  .slider-container .item.cover {
    width: 302px;
  }

  .view-port h2 {
    font-size: 1.5em;
  }

  .slider-container {
    height:323px!important;
  }

  .slider-container .item {
    width: 296px;
    height: 124px;
  }

  .slider-container .item img,
  .slider-container .item p {
    float: left;
  }

  .slider-container .item img,
  #example-4 img {
    width: 250px; margin-left:20px;
  }

  .slider-container .item p {
    margin: 50px 0 0 10px;
  }

  .slider-container.big,
  .slider-container.big .item.cover {
    height: 264px;
  }

  .slider-container.big .item,
  .slider-container.big .item.cover > img,
  .slider-container.big .item.cover .img-area {
    width: 302px;
  }

  .slider-container.big .item.cover > img {
    float: none;
  }

  .slider-container .item.cover .img-block,
  .slider-container.big .item,
  .slider-container .item.cover .img-area {
    height: 88px;
    margin-bottom: 0;
  }

  .img-block {
    width: 151px;
  }

  .img-area .img-block {
    width: 148px;
  }

.show-hide1{display:none!important;}
.show-hide2{display:block!important;}
.navbar .nav{display:none!important}
.logo1{ background-image: url("../img/logo-mob.png");
    background-repeat: no-repeat;
    float: left;
    height: 68px;
    margin: 15px 0 0 0;
    width: 100px; display:block!important; }
.logo{display:none;}
select.selectmenu{padding:10px; margin-bottom:0; margin-top:16px;}
.heading {font-size:19px;}
.heading1{font-size:16px;}
.aa{font-size:20px;}
li:hover a, li.active a {
    background: none!important;
    color: #000!important;
    text-decoration: none;
    transform: skewX(-10deg);
}
li a{text-align:left!important; border-bottom:1px solid #ccc;}
.owl-carousel .owl-wrapper-outer {
    /* overflow: hidden; */
    position: relative;
    width: 100%;
    position: relative;
    left: 15px;
}
.sliderA{width:100%!important; overflow:hidden;}

.owl-next {
    bottom: 0!important;
    float: left!important;
    position: relative!important;
    left: 310px!important;
   
}
.leftA {
    float: none;
}
.rightA {
    float: none;
}
.owl-prev {
    bottom: 0!important;
    float: right!important;
    position: relative!important;
    right: 310px!important;
}
#demo {
    margin-top: -9px;
    margin-bottom: 40px;
}
.container{overflow:hidden;}
.margin-tops {
    margin-top: 0;
}
.head {
    width: 320px;
  }

  .head h1 {
    font-size: 1.9em;
  }

  .view-port,
  .track .inner,
  .slider-container .item.cover {
    width: 302px;
  }

  .view-port h2 {
    font-size: 1.5em;
  }

  .slider-container {
    height:323px!important;
  }

  .slider-container .item {
    width: 296px;
    height: 124px;
  }

  .slider-container .item img,
  .slider-container .item p {
    float: left;
  }

  .slider-container .item img,
  #example-4 img {
    width: 250px; margin-left:20px;
  }

  .slider-container .item p {
    margin: 50px 0 0 10px;
  }

  .slider-container.big,
  .slider-container.big .item.cover {
    height: 264px;
  }

  .slider-container.big .item,
  .slider-container.big .item.cover > img,
  .slider-container.big .item.cover .img-area {
    width: 302px;
  }

  .slider-container.big .item.cover > img {
    float: none;
  }

  .slider-container .item.cover .img-block,
  .slider-container.big .item,
  .slider-container .item.cover .img-area {
    height: 88px;
    margin-bottom: 0;
  }

  .img-block {
    width: 151px;
  }

  .img-area .img-block {
    width: 148px;
  }

.show-hide1{display:block!important;}
.show-hide2{display:none!important;}
.navbar .nav{display:none!important}
.logo1{ background-image: url("../img/logo-mob.png");
    background-repeat: no-repeat;
    float: left;
    height: 68px;
    margin: 15px 0 0 0;
    width: 100px; display:block!important; }
.logo{display:none;}
select.selectmenu{padding:10px; margin-bottom:0; margin-top:16px;}
.heading {font-size:19px;}
.heading1{font-size:16px;}
.aa{font-size:20px;}
li:hover a, li.active a {
    background: none!important;
    color: #000!important;
    text-decoration: none;
    transform: skewX(-10deg);
}
li a{text-align:left!important; border-bottom:1px solid #ccc;}
.owl-carousel .owl-wrapper-outer {
    /* overflow: hidden; */
    position: relative;
    width: 100%;
    position: relative;
    left: 00px;
}
.sliderA{width:100%!important; overflow:hidden;}


.leftA {
    float: none;
}
.rightA {
    float: none;
}

#demo {
    margin-top: -9px;
    margin-bottom: 40px;
}
.container{overflow:hidden;}
.margin-tops {
    margin-top: 0;
}
}
/* ----------- iPhone 6 ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 569px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
  p {
    color: #898989;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 23px;
    margin: 10px 0 25px !important;
    text-align: justify;
}
.list2 li {
    font-size: 14px;  line-height: 23px; 
} 
   .width-100{width:100%!important;}
  .owl-carousel .owl-wrapper-outer {
    /* overflow: hidden; */
    position: relative;
    width: 100%;
    position: relative;
    left:0px;
}
.owl-prev {
    bottom: 0!important;
    float: right!important;
    position: relative!important;
    right: 330px!important;
}
.owl-next {
    bottom: 0!important;
    float: left!important;
    position: relative!important;
    left: 330px!important;
   
}
  }
  
/* Landscape */
@media only screen 
  and (min-device-width: 569px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	  .title1 {
	 margin-top:20px!important;
}
.list2 li, .list1 li,.listA li   {
    font-size: 18px; line-height:30px;
    text-align: left;
}
   .width-100{width:100%!important;}
.owl-next {
    bottom: 0!important;
    float: left!important;
    position: relative!important;
    left: 360px!important;
   
}
.leftA {
    float: none;
}
.rightA {
    float: none;
}
.owl-prev {
    bottom: 0!important;
    float: right!important;
    position: relative!important;
    right: 360px!important;
}
.head {
    width: 320px;
  }

  .head h1 {
    font-size: 1.9em;
  }

  .view-port,
  .track .inner,
  .slider-container .item.cover {
    width: 302px;
  }

  .view-port h2 {
    font-size: 1.5em;
  }

  .slider-container {
    height:323px!important;
  }

  .slider-container .item {
    width: 296px;
    height: 124px;
  }

  .slider-container .item img,
  .slider-container .item p {
    float: left;
  }

  .slider-container .item img,
  #example-4 img {
    width: 250px; margin-left:20px;
  }

  .slider-container .item p {
    margin: 50px 0 0 10px;
  }

  .slider-container.big,
  .slider-container.big .item.cover {
    height: 264px;
  }

  .slider-container.big .item,
  .slider-container.big .item.cover > img,
  .slider-container.big .item.cover .img-area {
    width: 302px;
  }

  .slider-container.big .item.cover > img {
    float: none;
  }

  .slider-container .item.cover .img-block,
  .slider-container.big .item,
  .slider-container .item.cover .img-area {
    height: 88px;
    margin-bottom: 0;
  }

  .img-block {
    width: 151px;
  }

  .img-area .img-block {
    width: 148px;
  }

.show-hide1{display:block!important;}
.show-hide2{display:none!important;}
.navbar .nav{display:none!important}
.logo1{ background-image: url("../img/logo-mob.png");
    background-repeat: no-repeat;
    float: left;
    height: 68px;
    margin: 15px 0 0 0;
    width: 100px; display:block!important; }
.logo{display:none;}
select.selectmenu{padding:10px; margin-bottom:0; margin-top:16px;}
.heading {font-size:19px;}
.heading1{font-size:16px;}
.aa{font-size:20px;}
li:hover a, li.active a {
    background: none!important;
    color: #000!important;
    text-decoration: none;
    transform: skewX(-10deg);
}
li a{text-align:left!important; border-bottom:1px solid #ccc;}
.owl-carousel .owl-wrapper-outer {
    /* overflow: hidden; */
    position: relative;
    width: 100%;
    position: relative;
    left: 00px;
}
.sliderA{width:100%!important; overflow:hidden;}


.leftA {
    float: none;
}
.rightA {
    float: none;
}

#demo {
    margin-top: -9px;
    margin-bottom: 40px;
}
.container{overflow:hidden;}
.margin-tops {
    margin-top: 0;
}
}

/* ----------- iPhone 6+ ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
  p {
    color: #898989;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 23px;
    margin: 10px 0 25px !important;
    text-align: justify;
}
.list2 li {
    font-size: 14px;  line-height: 23px; 
} 
  .owl-carousel .owl-wrapper-outer {
    /* overflow: hidden; */
    position: relative;
    width: 100%;
    position: relative;
    left: 75px;}
   .width-100{width:100%!important;}
  .owl-carousel .owl-wrapper-outer {
    /* overflow: hidden; */
    position: relative;
    width: 100%;
    position: relative;
    left:70px;
}
.owl-prev {
    bottom: 0!important;
    float: right!important;
    position: relative!important;
    right: 240px!important;
}
.owl-next {
    bottom: 0!important;
    float: left!important;
    position: relative!important;
    left: 240px!important;
   
}
  }
  /* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    .title1 {
	 margin-top:20px!important;
}
.list2 li, .list1 li  {
    font-size: 18px; line-height:30px;
    text-align: left;
}
   .width-100{width:100%!important;}
 .owl-next {
    bottom: 0!important;
    float: left!important;
    position: relative!important;
    left: 390px!important;
   
}
.owl-prev {
    bottom: 0!important;
    float: right!important;
    position: relative!important;
    right: 390px!important;
} 
 .head {
    width: 320px;
  }

  .head h1 {
    font-size: 1.9em;
  }

  .view-port,
  .track .inner,
  .slider-container .item.cover {
    width: 302px;
  }

  .view-port h2 {
    font-size: 1.5em;
  }

  .slider-container {
    height:323px!important;
  }

  .slider-container .item {
    width: 296px;
    height: 124px;
  }

  .slider-container .item img,
  .slider-container .item p {
    float: left;
  }

  .slider-container .item img,
  #example-4 img {
    width: 250px; margin-left:20px;
  }

  .slider-container .item p {
    margin: 50px 0 0 10px;
  }

  .slider-container.big,
  .slider-container.big .item.cover {
    height: 264px;
  }

  .slider-container.big .item,
  .slider-container.big .item.cover > img,
  .slider-container.big .item.cover .img-area {
    width: 302px;
  }

  .slider-container.big .item.cover > img {
    float: none;
  }

  .slider-container .item.cover .img-block,
  .slider-container.big .item,
  .slider-container .item.cover .img-area {
    height: 88px;
    margin-bottom: 0;
  }

  .img-block {
    width: 151px;
  }

  .img-area .img-block {
    width: 148px;
  }

.show-hide1{display:block!important;}
.show-hide2{display:none!important;}
.navbar .nav{display:none!important}
.logo1{ background-image: url("../img/logo-mob.png");
    background-repeat: no-repeat;
    float: left;
    height: 68px;
    margin: 15px 0 0 0;
    width: 100px; display:block!important; }
.logo{display:none;}
select.selectmenu{padding:10px; margin-bottom:0; margin-top:16px;}
.heading {font-size:19px;}
.heading1{font-size:16px;}
.aa{font-size:20px;}
li:hover a, li.active a {
    background: none!important;
    color: #000!important;
    text-decoration: none;
    transform: skewX(-10deg);
}
li a{text-align:left!important; border-bottom:1px solid #ccc;}
.owl-carousel .owl-wrapper-outer {
    /* overflow: hidden; */
    position: relative;
    width: 100%;
    position: relative;
    left: 00px;
}
.sliderA{width:100%!important; overflow:hidden;}


.leftA {
    float: none;
}
.rightA {
    float: none;
}

#demo {
    margin-top: -9px;
    margin-bottom: 40px;
}
.container{overflow:hidden;}
.margin-tops {
    margin-top: 0;
}
}
 @media (min-width: 1100px) and (max-width: 1600px) {
.width-100 {
width:75%!important;
}
}