@media only screen and (min-width: 992px) and (max-width: 1199px){
#nav-menu-container{margin: 4px 0px 0px 0px;}
.menu_res{width:995px;}
.wsmenu-list > li{margin: 0px 0px 0px 16px;}

.carouselCaptionInner {width:48%;}
.homeCarouselWrapp .carousel-caption{padding-top:4px;}
.homeCarouselWrapp .carousel-caption h1{font-size:50px;}
.homeCarouselWrapp .carousel-caption h1 span{font-size: 18px;}
.homeCarouselWrapp .carousel-caption h2{    font-size:32px;}
.homeCarouselWrapp .carousel-caption p{ font-size:19px;}
.homeCarouselWrapp .carousel-caption h3{font-size: 18px;}

.homeCarouselWrapp .carousel-inner .carousel-item img{height: 430px;}
.resourcesWrapp .cardInner p{font-size: 14px;}
}

@media only screen and (min-width: 781px) and (max-width: 991px){
  .wsmenu-list > li{margin: 0px 0px 0px 4px;}
  .wsmenu-list > li > a{font-size: 13px;}
  .megamenu li a{font-size: 13px;}
  #header .logo img{width: 92px;}
  .headerBt a.btn-outline-pr{padding: 5px 10px !important;  font-size: 13px !important;}
}

@media (max-width: 780px) {
  .wsmenu-rotate{position: relative; right: 13px;}
  .wsmenu.menuopen {width: 300px;}
  .wsmenuexpandermain .menuopen {left: 292px !important;}
  .animated-arrow.menuopen span, .animated-arrow.menuopen span:before, .animated-arrow.menuopen span:after{background-color: #fff;}
  .animated-arrow.menuopen span{background-color: transparent !important;}
  .mobile-sub.wsmenu-list{background: rgba(52, 59, 64, 0.9); padding-bottom: 26px;  padding-top: 26px;}
  .wsmenu-list li:hover>a{border-bottom:none;}
  .wsmenu-list .megamenu{background:transparent;}
  .tueMenuBlock .wsmenu-list > li > a{color: #ffffff; border-bottom:none;     font-size: 15px;}
  .wsmenu-click i{color: rgba(255,255,255,0.6); margin-top: 8px;}
  .mobile-sub .wsmenu-submenu li a { background-color: transparent !important;  color: #fff !important;
    padding: 5px 0px 5px 18px;}
    

  .megamenu li a{color: #fff !important; font-size: 13px; line-height:24px;}
  .wsmenu .wsmenu-list > li{padding: 0px; margin: 0px; width: 100%;}
  .twoSmMenuSize .col-sm-5{display:none;}
  .twoSmMenuSize.megamenu{left: 0px;}
  .megamenu .link-list{margin:0px; padding: 0px 0px 5px 35px;}
  .wsmenu-list > li:hover>a { background-color:transparent !important;}
  .headerBt a.btn-outline-pr{ color: #ffffff !important;   border: solid 1px #ffffff !important;     display: inline-block;
    margin-left: 14px;     margin-top: 15px;     padding: 5px 39px !important;}

    #header .logo img{display:none;}
    .wsmenuexpandermain{top: 18px;}
    .wsmenu.slideLeft.menuclose{width: 300px; left:-300px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.outline-btn-w{padding: 13px 25px;}

.carouselCaptionInner {width:68%;}
.homeCarouselWrapp .carousel-caption{padding-top:10px;}
.homeCarouselWrapp .carousel-caption h1{font-size:50px;}
.homeCarouselWrapp .carousel-caption h1 span{font-size: 18px;}
.homeCarouselWrapp .carousel-caption h2{ font-size:32px;}
.homeCarouselWrapp .carousel-caption p{ font-size:19px;}
.homeCarouselWrapp .carousel-caption h3{font-size: 18px;}
.resourcesWrapp .cardInner p{font-size: 14px;}
.homeCarouselWrapp .carousel-inner .carousel-item img{height:410px;}
.tueboraStory .carousel-inner p{font-size:14px;}
.tueboraStory .carousel-inner{padding: 50px 20px;}
.tueboraStory .carousel-indicators{bottom: 32px;}

.innerBannerWrapp .carousel-caption h2{font-size: 25px;}
.innerBannerWrapp .carousel-caption{top: 21%;}
.accordionWrapp .accordion-body{    padding: 20px 0px !important;}
.accordion.accordionStyles .textLink{    font-size: 14px;}
.articles_columBox{    width: 80%;    top: 85px;}



}

@media (max-width: 768px) {

#nav-menu-container {display: none;}
#mobile-nav-toggle {margin-top:15px; display: inline; }   
.back-to-top {bottom: 15px;}
#mobile-nav-toggle i { color: #31bda2;}
.tueboraStory .carousel-inner{padding: 50px 20px;}
.tueboraStory .carousel-indicators{bottom: 32px;}
.blogWrapp .resp-tabs-list.hor_1{display:none !important;}
}


  @media (max-width: 767px) {  
    #nav-menu-container {display: none;}
    #mobile-nav-toggle {display: inline;}
    /* #header.header-fixed{padding: 14px 0; height: auto;} */
    #mobile-nav-toggle{position: absolute; top:0px; margin-top:12px;}
    .logo .logo-blue {display: block;}
    .logo .logo-blue img{width: 123px;}
    .logo .logo-white {display: none;}
    #header{position: absolute; }
    #mobile-nav-toggle i {color: #31bda2;}
    .resourcesWrapp .card{width: 70%; margin: auto; margin-bottom:20px;}

    .footerWrapp{display: block;}
    .footerLeft{width:100%;     height: 300px;}
    .footerRight{width:100%;}

.carouselCaptionInner{width:335px;}
.homeCarouselWrapp .carousel-caption{width:100%;    padding-top: 10px;}
.homeCarouselWrapp .carousel-caption h1 {font-size:41px;}
.homeCarouselWrapp .carousel-caption h1 span{font-size: 15px;}
.homeCarouselWrapp .carousel-caption h3 {font-size: 15px;}
.homeCarouselWrapp .carousel-caption h2 { font-size:26px; line-height: 33px;}
.homeCarouselWrapp .carousel-caption p {  font-size: 15px; line-height: 24px;}
.homeCarouselWrapp .carousel-inner .carousel-item img {  height: 363px; object-fit: cover;}

.tueboraStory .carousel-inner p{font-size:14px;}

.innerBannerWrapp .carousel-item img {height: 115px; object-fit: cover;}
.innerBannerWrapp .carousel-caption h2{    font-size: 24px;}
.innerBannerWrapp .carousel-caption{    top: 22%;}

.innerMainWrap h3{font-size: 18px;}
.headingStyleH1 h2{font-size: 25px !important;}
.headingStyleH1 h1{font-size: 18px !important;     margin-bottom: 15px;}

.headingStyle h2{font-size: 18px !important;   margin-bottom: 14px;}
.headingStyle h3{font-size:21px !important;   margin-bottom: 14px;}

.blueBackgroundImageBg p{font-size: 18px !important;}
.self-driven-iam-expert-resource img{width: auto;  height: 127px;  margin-right: 12px;   object-fit: cover;}
.self-driven-iam-expert-resource .d-flex.pt-3 {padding-top: 1rem!important;} 

.footerRight ul{    text-align: left;}
.footerRight h6{    text-align: left;}
.textLink{font-size: 14px;}
.accordionWrapp .accordion-body{    padding: 20px 0px !important;}

.innerResourcesWrapp h3{line-height: 24px; padding: 15px 10px 15px 10px;}
.innerResourcesWrapp .btn-outline-pr{    font-size: 15px;}

.footerLeft{    padding: 45px 30px;}
.footerRight{   padding: 45px 30px;}
.blogInner.resourcesWrapp .card{width:100% !important;}

.articlesPage .card { margin-bottom: 75px;}
.teamProfile .card{margin-bottom: 100px;}
.teamProfile .col-md-4:last-child .card{margin-bottom: 0px;}
.transaction_colum .card{margin-bottom: 30px;}
.internationalWrapp ul{text-align: left;    width: 100%;}
ul#myTab{display: block;}
.myTabContent .card{margin-bottom: 80px !important;}


}



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

}




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


}

@media (max-width:450px) {  
  .carouselCaptionInner{width:335px;}
  .homeCarouselWrapp .carousel-caption{width:100%;}
  .homeCarouselWrapp .carousel-caption h1 {font-size:41px;}
  .homeCarouselWrapp .carousel-caption h3 {font-size: 15px;}
  .homeCarouselWrapp .carousel-caption h2 { font-size:26px; line-height: 33px;}
  .homeCarouselWrapp .carousel-caption p {  font-size: 15px; line-height: 24px;}
  .homeCarouselWrapp .carousel-inner .carousel-item img {  height: 363px;}

  .partners img{width: 129px;}

  
}