/* lg */

@media (min-width: 1200px) {
  /* Make column on same height */
  .equal {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
    display: block;
    -webkit-animation: fadeInUp 400ms;
    animation: fadeInUp 400ms;
  }
  /* .navbar-nav {
    margin-top: 20px;
  } */

  /* .navbar-fixed-top .navbar-nav .megamenu {
    width: 800px;
    left: calc(-800px / 2 + 50px);
  }

  .megamenu> li{
    min-width: calc(100% / 4);
  } */

/* 
  .navbar-fixed-top .navbar-nav .megamenu.megaw-3 {
    width: 800px;
    left: calc(-800px / 2 + 50px);
  }

  .navbar-fixed-top .navbar-nav .megamenu.megaw-2 {
    width: 500px;
    left: calc(-500px / 2 + 50px);
  }

  .navbar-fixed-top .navbar-nav .megamenu.megaw-3.en {
    width: 870px;
    left: calc(-870px / 2 + 50px);
  }

  .navbar-fixed-top .navbar-nav .megamenu.megaw-2.en {
    width: 760px;
    left: calc(-760px / 2 + 50px);
  } */
  /* .w-75-l
  {
    width: 75%;
    float: left;  
  } */
  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .w-lg-80 {
    width: 80%;
  }
}

/* md */

@media (min-width: 992px) and (max-width: 1199px) {
  /* Make column on same height */
  .equal {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  /* Make timeline width */
  .timeline li .timeline-panel {
    width: 43%;
  }
  /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
    display: block;
    -webkit-animation: fadeInUp 400ms;
    animation: fadeInUp 400ms;
  }
 
  .navbar-nav>li {
    margin-left: 10px;
  }
  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  /* .navbar-fixed-top .navbar-nav .megamenu.megaw-3 {
    width: 760px;
    left: calc(-760px / 2 + 50px);
  }

  .navbar-fixed-top .navbar-nav .megamenu.megaw-2 {
    width: 450px;
    left: calc(-450px / 2 + 50px);
  }

  .navbar-fixed-top .navbar-nav .megamenu.megaw-3.en {
    width: 980px;
    left: calc(-980px / 2 + 42px);
  }

  .navbar-fixed-top .navbar-nav .megamenu.megaw-2.en {
    width: 760px;
    left: calc(-760px / 2 + 50px);
  } */

  /* .recent-work-wrap .recent-work-inner h3 a {
    font-size: 20px;
  }
  .recent-work-wrap .overlay {
    padding: 15px;
  }
  .services-wrap {
    padding: 40px 10px 40px 30px;
  }
  .feature-wrap h2,
  .single-services h2 {
    font-size: 18px;
  }
  .feature-wrap h3,
  .single-services h3 {
    font-size: 14px;
  }
  .tab-wrap .media .parrent.pull-left {
    clear: both;
    width: 100%;
  }
  .tab-wrap .media .parrent.media-body {
    clear: both;
  }
  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .recent-work-wrap .overlay .preview {
    line-height: inherit;
  }
  .team-bar .first-arrow {
    width: 21%;
  }
  .team-bar .second-arrow {
    width: 20%;
  }
  .team-bar .third-arrow {
    width: 21%;
  }
  .team-bar .fourth-arrow {
    width: 20%;
  }
  ul.social_icons li {
    margin-right: 0;
  } */
}

/* sm */

@media (min-width: 768px) and (max-width: 991px) {  
  .card {
    display: block;
  }
  .equal {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  /* Make timeline width */
  .timeline li .timeline-panel {
    width: 43%;
  }
  /* Make leftMenu and rightContent hidden*/
  section #leftMenu {
    display: none;
  }
  section .rightContent {
    margin-left: 0;
    /* overflow: hidden; */
  }
  /* Make Navigation Toggle on Desktop Hover */
  .dropdown:focus .dropdown-menu {
    display: block;
    /* -webkit-animation: fadeInUp 400ms; */
    /* animation: fadeInUp 400ms; */
  }
  /* .container>.navbar-header,
  .container>.navbar-collapse {
    margin-left: 0;
  } */

  .navbar-collapse {
    padding: 0;
  }
  .navbar-nav>li {
    margin-left: 0;
  }
  /* .navbar-nav>li.mega {
    margin-left: 0;
    position: static;
  }

  .navbar-fixed-top .navbar-nav .megamenu.megaw-3 {
    width: 760px;
  }

  .navbar-fixed-top .navbar-nav .megamenu.megaw-2 {
    width: 450px;
  }

  .navbar-fixed-top .navbar-nav .megamenu.megaw-3.en,
  .navbar-fixed-top .navbar-nav .megamenu.megaw-2.en {
    width: 100%
  } */

  /* .navbar-fixed-top .navbar-nav>li>a {
    padding: 5px 5px;
  } */

   /*==================================================*/
  /* .navbar-nav>li {
    float: none;
    padding-bottom: 0;
  }
  .navbar-nav .open .dropdown-menu {
    position: static;    
  }
  .navbar-fixed-top .navbar-nav .dropdown-menu {
    min-width: 710px;
  }
 
  .navbar-header {
    float: none;
  }
  .navbar-left,
  .navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-collapse {
    overflow-x: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: auto !important;
  }
  .collapse.in {
    display: block !important;
  } */
  /*==================================================*/

  .slider {    
    margin-top: 85px;
  }

  #main-slider .carousel h1 {
    font-size: 25px;
  }
  #main-slider .carousel h2 {
    font-size: 20px;
  }
  /* .tab-wrap .media .parrent.pull-left,
  .media.accordion-inner .pull-left {
    clear: both;
    width: 100%;
  }
  .tab-wrap .media .parrent.media-body,
  .media.accordion-inner .media-body {
    clear: both;
  }
  .services-wrap {
    padding: 40px 0 40px 30px;
  }
  .recent-work-wrap .overlay {
    padding: 15px;
  }
  .recent-work-wrap .recent-work-inner h3 a {
    font-size: 20px;
  }
  .sinlge-skill {
    width: 150px;
    height: 150px;
  }
  .sinlge-skill p em {
    font-size: 25px;
  }
  .sinlge-skill p {
    font-size: 16px;
  }
  .team-bar .first-one-arrow {
    width: 2%;
  }
  .team-bar .first-arrow {
    width: 18%;
  }
  .team-bar .second-arrow {
    width: 24%;
  }
  .team-bar .third-arrow {
    width: 15%;
  }
  .team-bar .fourth-arrow {
    width: 20%;
  }
  .blog .blog-item .entry-meta>span a {
    font-size: 10px;
  } */
}

/* xs */

@media (max-width: 767px) {
  body>section,
  body>div>section {
    padding-top: 70px;
  }
  main{
    padding: 10px;
  }
  .navbar-fixed-top {
    /* background-color: #0B74BC; */
    background: #73B2DB;
    min-height: auto;
  }
  .navbar-fixed-top .navbar-collapse{
    max-width: 100%;
  }
  .navbar-fixed-top .navbar-nav .dropdown-menu{
    width: 100%;
    border-radius: 0;
  }

  .megamenu> li > ul > li{
      /* list-style: none; */
    /* margin: 10px 0; */
    /* display: block; */
    float: none;
    /* min-width: calc(100% / 4); */
  }


/* 
  .megamenu> li{
    float: none;
  }
  .megamenu ul{
    border-bottom: 1px solid #666;
  } */
  .navbar-brand> img {
    width: 100px;
    padding: 3px;
  }
  /* Make card */
  .card-wrap{
    border-radius: 4px;
  }
  .card-download{
    left:calc((100% - 40%) / 2)
  }
  .card,
  .card-left,
  .card-right {
    display: block;
    width: auto;
  }
  .card-left img {
    width: 50%;
    height: 50%;
    display: none;
  }
  /* Make timeline */
  .page-header h1 {
    font-size: 1.8em;
  }
  ul.timeline:before {
    left: 20px;
    /*40px*/
  }
  .tldate {
    width: 140px;
  }
  ul.timeline li .timeline-panel {
    width: calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
  }
  ul.timeline li .tl-circ {
    top: 22px;
    left: 2px;
    /*22px*/
    margin-left: 0;
  }
  ul.timeline>li>.tldate {
    margin: 0;
  }
  ul.timeline>li>.timeline-panel {
    float: right;
    margin-right: 10px;
  }
  ul.timeline>li>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    /*-15px*/
    right: auto;
  }
  ul.timeline>li>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    /*-14px*/
    right: auto;
  }
  /* Make leftMenu and rightContent hidden*/
  section #leftMenu {
    display: none;
  }
  section .rightContent {
    margin-left: 0;
    /* overflow: hidden; */
  }
  .container>.navbar-header,
  .container>.navbar-collapse {
    margin-left: 0;
  }
  .navbar-nav>li {
    padding-bottom: 0;
  }
  .top-number {
    font-size: 14px;
  }
  input.search-form:hover {
    width: 120px;
  }

  .slider {    
    margin-top: 51px;
  }

  #main-slider .carousel h1 {
    font-size: 25px;
  }
  #main-slider .carousel h2 {
    font-size: 16px;
  }
  /* .feature-wrap h2,
  .single-services h2 {
    font-size: 18px;
  }
  .feature-wrap h3,
  .single-services h3 {
    font-size: 14px;
  }
  .media.accordion-inner .pull-left,
  .media.accordion-inner .media-body {
    clear: both;
  }
  .accordion-inner h4 {
    margin-top: 10px;
  }
  .tab-wrap .media .pull-left {
    clear: both;
    width: 100%;
  }
  .tab-wrap .media .media-body {
    clear: both;
  }
  .nav-tabs>li.active>a:after {
    display: none;
  }*/

  .tab-menu{
    display: none;
  }


  .tab-content>.tab-pane{
    display: block;
    opacity: 1;
    margin: 15px;
    border-bottom: 1px solid #333;
  }

  .tab-content>.tab-pane .tab-pane-header{
    margin-bottom: 20px;
    
  }


  .tab-content>.tab-pane .tab-pane-warp{
    margin-left: 0px;
    
  }

  .tab-content>.tab-pane .tab-pane-warp p{
    margin-left: 0px;
  }

  /* .tab-menu .arrow-right{
    display: block;
  }

  .tab-menu .nav-tabs {
    display: block;
    white-space:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    text-align: center;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .tab-menu .nav-tabs::-webkit-scrollbar {
    display: none;
}
  .tab-menu .nav-tabs>li {
    float: none;
    display: inline-block;
    min-width: 42%;
  }  */


  /* Journal*/
  .journal-wrap,
  .journal-tw-wrap {
    display: block;
  }
  .journal-wrap img,
  .journal-tw-wrap img {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }
  .journal-wrap i,
  .journal-tw-wrap i {
    display: block;
    position: static;
    top: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
  /* footer*/
  #footer .col-sm-6 {
    text-align: center;
  }
  #footer .pull-right {
    float: none !important;
  }
  .sinlge-skill {
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .team .single-profile-top,
  .team .single-profile-bottom {
    margin-bottom: 30px;
  }
  .clients-area {
    padding: 60px 0;
  }
  .clients-area h1 {
    font-size: 25px;
  }
  .portfolio-item,
  #recent-works .col-xs-12.col-sm-4.col-md-3 {
    padding: 0 15px;
  }
  ul.social_icons li {
    margin-right: 0;
  }
  .blog .blog-item .entry-meta {
    margin-bottom: 20px;
  }
  .blog .blog-item .blog-content h3 {
    margin-bottom: 20px;
  }
  .post_reply_comments {
    padding-left: 20px;
  }
}

/* XS Portrait */

/* 
@media (max-width: 480px) {
  
} */