body {
  overflow-x: hidden;
}

/* #Desktop 																				960 - 1239
====================================================================================================== */
@media only screen and (min-width: 1239px) {
  .top-logo {
    width: 250px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1239px) {
  body {
    min-width: 0;
  }
  #Wrapper {
    width: 960px;
  }

  .section_wrapper,
  .container,
  .with_aside .content_wrapper {
    width: 98%;
  }
  .top-logo {
    width: 16vw;
  }

  /* ======================================================= */

  /* Menu */
  #Header .menu > li > a {
    padding: 0.7vw;
  }
  #Header .menu > li > ul.mfn-megamenu {
    width: 938px !important;
  }

  /* Error 404 */
  #Error_404 .error_pic i {
    font-size: 220px;
    line-height: 260px;
  }
  #Error_404 .error_desk {
    padding-top: 40px;
  }

  /* Portfolio */
  .portfolio-item .photo .hover-box {
    bottom: -70%;
  }

  .portfolio_group.one-fourth .portfolio-item .photo .hover-box {
    height: 68px;
    padding: 20px 0;
  }
  .portfolio_group.one-fourth .portfolio-item .photo .hover-box h5 {
    display: none;
  }
  .portfolio_group.one-fourth .portfolio-item .photo .hover-box a.hover-button.zoom {
    left: 50%;
    right: auto;
    margin-left: -38px;
  }
  .portfolio_group.one-fourth .portfolio-item .photo .hover-box a.hover-button.link {
    left: 50%;
    right: auto;
    margin-left: 3px;
  }

  /* FLickr */
  .Flickr .flickr_badge_image a img {
    width: 100%;
    height: 63px !important;
  }
  .widgets_wrapper .Flickr .flickr_badge_image a img {
    width: 100%;
    height: 77px !important;
  }
}

/*																								> 960
===================================================================================================== */
@media only screen and (min-width: 960px) {
  .layout-boxed #Top_bar .logo {
    margin-left: 10px;
  }
  .layout-boxed #Top_bar #header_action_button {
    margin-right: 22px;
  }

  #Header #menu {
    display: block !important;
  }

  /* main menu 2nd level - MegaMenu */
  #Header .menu > li > ul.mfn-megamenu {
    width: 1198px;
    right: 0;
    left: auto;
  }
  #Header .menu > li > ul.mfn-megamenu > li {
    float: left;
  }
  #Header .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-1 {
    width: 100%;
  }
  #Header .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-2 {
    width: 50%;
  }
  #Header .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-3 {
    width: 33.33%;
  }
  #Header .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-4 {
    width: 25%;
  }
  #Header .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-5 {
    width: 20%;
  }
  #Header .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-6 {
    width: 16.66%;
  }
  #Header .menu > li > ul.mfn-megamenu > li > ul {
    display: block !important;
    position: inherit;
    left: auto;
    top: auto;
    border-width: 0 1px 0 0;
  }
  #Header .menu > li > ul.mfn-megamenu > li:last-child > ul {
    border: 0;
  }
  #Header .menu > li > ul.mfn-megamenu > li > ul li {
    width: auto;
  }

  #Header .menu > li > ul.mfn-megamenu a.mfn-megamenu-title {
    text-transform: uppercase;
    font-weight: 400;
  }
  #Header .menu > li > ul.mfn-megamenu a.mfn-megamenu-title:hover {
    background: none;
    cursor: default;
  }

  #Header .menu > li > ul.mfn-megamenu a .menu-arrow {
    display: none;
  }

  /* #Header.is-sticky */
  #Top_bar.is-sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: -60px;
    height: 60px;
    z-index: 701;
    background: #fff !important;
    opacity: 0.97;
    filter: alpha(opacity = 97);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  }

  #Top_bar.is-sticky #logo {
    padding: 5px 0;
    height: 50px;
    line-height: 50px;
  }
  #Top_bar.is-sticky #logo img {
    max-height: 40px;
    width: auto !important;
  }
  #Top_bar.is-sticky #menu {
    margin-top: 8px;
  }
  #Top_bar.is-sticky #searchform {
    margin-top: 14px;
  }
  #Top_bar.is-sticky #header_cart {
    margin-top: 17px;
  }
  #Top_bar.is-sticky #header_action_button {
    margin-top: 15px;
  }

  .header-dark #Top_bar.is-sticky {
    background: #222 !important;
  }
  .header-alpha .header_placeholder {
    margin-top: 0 !important;
  }
}

/* 																								< 960
===================================================================================================== */
@media only screen and (max-width: 959px) {
  /* Header */
  #Header #menu {
    display: none;
    height: auto;
    width: 300px;
    bottom: auto;
    top: 72px;
    right: 0px;
    position: absolute;
    margin: 0px;
  }
  .header-dark #Header #menu {
    background: #222222;
  }
  .header-white #Header #menu {
    background: #fff;
  }

  #Header a.responsive-menu-toggle {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    text-align: center;
    position: absolute;
    top: 36px;
    right: 0px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  #Header a:hover.responsive-menu-toggle {
    text-decoration: none;
  }

  /* main menu 1st level */
  #Header #menu > ul {
    width: 100%;
    float: left;
  }
  #Header #menu ul li {
    width: 100%;
    padding-bottom: 0;
    border-right: 0;
    position: relative;
    overflow: hidden;
  }
  #Header #menu ul li em,
  #Header #menu .menu-arr-bottom,
  #Header #menu .menu-arr-top {
    display: none !important;
  }
  #Header #menu ul li a {
    padding: 15px 20px;
    border-top-width: 0;
    text-align: left;
    display: block;
    margin: 0;
    height: auto;
    line-height: normal;
  }
  #Header #menu ul li a:after {
    display: none;
  }
  #Header #menu ul li.submenu .menu-toggle {
    width: 48px;
    height: 48px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.03);
    background: url(../images/menu-plus.png) center no-repeat;
  }
  #Header #menu ul li.hover > .menu-toggle {
    background: none !important;
  }
  #Header #menu ul li.hover a {
    border-bottom: 0;
  }

  #Header #menu ul.mfn-megamenu li .menu-toggle {
    display: none;
  }

  /* main menu 2nd level */
  #Header #menu ul li ul {
    position: relative !important;
    left: 0 !important;
    top: 0;
    padding: 0;
    margin-left: 0 !important;
    border: none;
  }
  #Header #menu ul li ul li {
    width: 100% !important;
  }
  #Header #menu ul li ul li a {
    padding: 15px 20px 15px 30px;
  }
  #Header #menu ul li ul li a .menu-arrow {
    display: none;
  }
  #Header #menu ul li ul li a span {
    padding: 0;
  }
  #Header #menu ul li ul li a span:after {
    display: none !important;
  }

  #Header .menu > li > ul.mfn-megamenu a.mfn-megamenu-title {
    text-transform: uppercase;
    font-weight: 400;
  }
  #Header .menu > li > ul.mfn-megamenu > li > ul {
    display: block !important;
    position: inherit;
    left: auto;
    top: auto;
  }

  /* main menu 3rd level */
  #Header #menu ul li ul li ul {
    border-left: 0 !important;
    padding: 0;
    top: 0;
  }
  #Header #menu ul li ul li ul li a {
    padding: 15px 20px 15px 40px;
  }

  /* #Header.is-sticky */
  .header_placeholder {
    margin-top: 0 !important;
  }

  /* Footer */
  #Footer .footer_copy .one .copyright {
    float: none;
    text-align: center;
    margin-bottom: 20px;
  }
  #Footer .footer_copy .one .social {
    float: none;
    text-align: center;
  }
}

/* #Tablet (Landscape) 																		768 - 959	*
===================================================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  body {
    min-width: 0;
  }
  #Wrapper {
    width: 728px;
  }

  .section_wrapper,
  .container,
  .with_aside .content_wrapper {
    width: 708px;
  }

  /* ======================================================= */

  /* Header */
  .layout-boxed #Top_bar .logo {
    margin-left: 10px;
  }
  .layout-boxed #Top_bar .responsive-menu-toggle {
    margin-right: 10px;
  }

  #Top_bar .menu_wrapper {
    padding-right: 80px;
  }
  #Top_bar #searchform input[type="text"] {
    width: 200px !important;
  }

  /* Blog */
  .classic .post-photo-wrapper {
    width: 40%;
    float: left;
  }
  .classic .post-desc-wrapper {
    width: 59.9%;
    float: left;
  }
  .classic .format-quote .post-desc-wrapper {
    width: 99.9%;
  }

  .masonry .post-item {
    width: 47.9%;
  }

  /* Recent posts */
  .Recent_posts li .photo {
    display: none;
  }
  .Recent_posts li .desc {
    padding-left: 0px;
  }

  /* Blockquote */
  blockquote {
    font-size: 20px;
    line-height: 28px;
  }

  /* Testimonials */
  .one-second .testimonials li blockquote {
    margin-bottom: 20px;
  }
  .one-second .testimonials .testimonials-slider .owl-controls {
    position: static;
    padding-top: 10px;
  }

  /* Fancy heading */
  .fancy_heading_small_icon span.icon:before {
    width: 200px;
    right: -220px;
  }
  .fancy_heading_small_icon span.icon:after {
    width: 200px;
    left: -220px;
  }

  /* Team */
  .team_style_modern .desc .inside {
    padding: 20px 20px;
  }
  .team_style_modern .links {
    display: none;
  }
  .team_style_modern .inside p.subtitle {
    margin-bottom: 0;
  }
  .team_style_modern .inside p.phone {
    display: none;
  }

  /* Portfolio */
  .portfolio-item .photo .hover-box {
    height: 68px;
    padding: 20px 0;
  }
  .portfolio-item .photo .hover-box h5 {
    display: none;
  }
  .portfolio-item .photo .hover-box a.hover-button.zoom {
    left: 50%;
    right: auto;
    margin-left: -38px;
  }
  .portfolio-item .photo .hover-box a.hover-button.link {
    left: 50%;
    right: auto;
    margin-left: 3px;
  }

  .with_aside .portfolio-item .photo .hover-box {
    bottom: -80%;
  }

  /* FLickr */
  .Flickr .flickr_badge_image a img {
    width: 100%;
    height: 47px !important;
  }
  .widgets_wrapper .Flickr .flickr_badge_image a img {
    width: 100%;
    height: 58px !important;
  }

  /* Error 404 */
  #Error_404 {
    position: static;
    padding-top: 50px;
    margin-top: 0;
  }
  #Error_404 .error_pic {
    width: 100%;
    float: none;
  }
  #Error_404 .error_pic i {
    font-size: 260px;
    line-height: 260px;
  }
  #Error_404 .error_desk {
    width: 100%;
    float: none;
    padding-top: 20px;
    text-align: center;
  }
}

/* #Tablet (Portrait) & Mobile - COMMON 														< 768	*
===================================================================================================== */
@media only screen and (max-width: 767px) {
  body {
    min-width: 0;
  }
  #Wrapper {
    width: 300px;
  }

  .section_wrapper .column,
  .container .column,
  .sections_group,
  .four.columns {
    margin: 0;
    width: 100% !important;
    clear: both;
  }

  .section_wrapper,
  .container,
  .four.columns {
    width: 260px !important;
  }

  .left-sidebar .items_group,
  .right-sidebar .items_group,
  .with_aside .content_wrapper {
    width: 100%;
  }

  .section_wrapper .column {
    margin: 0 0 20px;
  }

  .four.columns {
    float: none !important;
    margin: 0 auto;
  }

  /* ======================================================= */

  /* .section　*/
  .section {
    background-attachment: scroll !important;
  }

  /* Header */
  #Top_bar {
    position: static !important;
  }
  #Top_bar .menu_wrapper {
    background: none;
    position: static;
    float: none;
  }
  #Top_bar .column {
    padding-top: 45px;
  }
  #Top_bar .logo {
    position: static;
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
  }
  #Top_bar .logo #logo {
    padding: 10px 10px;
  }
  #Top_bar a#header_action_button {
    display: none;
  }
  #Top_bar a#header_cart {
    display: none;
  }
  #Top_bar #searchform {
    margin: 0;
    position: absolute;
    right: 0;
    top: 12px;
  }
  #Top_bar #searchform input[type="text"] {
    width: 320px !important;
  }

  #Header a.responsive-menu-toggle {
    left: 0;
    top: 10px;
  }
  #Header #menu {
    position: static;
    float: left;
    width: auto;
  }

  .header-alpha #Top_bar {
    background: #fff !important;
  }
  .header-alpha.header-dark #Top_bar {
    background: #222 !important;
  }

  /* Action bar */
  #Action_bar {
    text-align: center;
  }
  #Action_bar .top-bar-menu {
    float: none;
    margin-bottom: 7px;
  }
  #Action_bar .contact_info {
    float: none;
  }

  /* Blog */
  .post-photo-wrapper {
    width: 100%;
    float: none;
  }
  .post-desc-wrapper {
    width: 100%;
    float: none;
  }

  .masonry .post-item {
    width: 98%;
  }

  .modern .post-item {
    padding-left: 0;
  }
  .modern .post-meta-modern {
    display: none;
  }
  .modern .post-footer .button-comments,
  .modern .post-footer .button-love {
    display: block;
  }
  .modern .format-image .post-photo-wrapper {
    width: 100%;
    float: none;
  }
  .modern .format-image .post-desc-wrapper {
    width: 100%;
    float: none;
  }
  .modern .post-meta > div.date {
    display: block;
  }

  /* Single post */
  .single-post .post-wrapper-content,
  .section-post-comments {
    width: 100% !important;
    border-width: 1px 0 !important;
  }

  .with_aside.single-post .section-post-header .column {
    margin: 0 0 30px;
  }
  .with_aside.single-post .section-post-header {
    width: 100%;
  }

  .aside_left.single-post .section-post-header,
  .aside_left.single-post .post-wrapper-content,
  .aside_left .section-post-comments {
    margin-left: 0%;
  }

  .with_aside .section-related-adjustment {
    width: 100%;
  }
  .aside_left .section-related-adjustment {
    margin-left: 0%;
  }

  .post-buttons-wrapper {
    display: none;
  }

  /* Clients */
  .clients ul li {
    width: 50% !important;
  }

  /* Timeline */
  .timeline_items {
    background: none;
  }
  .timeline_items li {
    padding: 100px 0 0 0;
    position: relative;
    margin-bottom: 20px;
  }
  .timeline_items li h5 {
    margin: 0 0 10px 0;
    position: static;
    width: 100% !important;
    float: none !important;
    text-align: center !important;
  }
  .timeline_items li h5 span {
    top: 0px;
  }
  .timeline_items li .desc {
    position: relative;
    width: 100%;
    float: none !important;
    min-height: auto !important;
  }
  .timeline_items li .desc:after {
    display: none;
  }

  /* Blockquote */
  blockquote {
    font-size: 20px;
    line-height: 28px;
  }

  /* Fancy heading */
  .fancy_heading_color {
    margin-bottom: 20px;
  }
  .fancy_heading_small_icon span.icon:before {
    width: 150px;
    right: -172px;
  }
  .fancy_heading_small_icon span.icon:after {
    width: 150px;
    left: -172px;
  }

  /* Icon box */
  .icon_box.icon_position_left {
    min-height: auto;
    padding-left: 0;
    position: static;
  }
  .icon_box.icon_position_left .icon_wrapper {
    position: relative;
    left: 0px;
    top: 0px;
  }
  .icon_box.icon_position_left .desc_wrapper {
    text-align: center;
  }
  .icon_box.icon_position_left .desc_wrapper hr {
    margin-left: auto;
  }

  /* Pricing box */
  .pricing-box.has-border:after {
    display: none;
  }

  /* Tabs */
  .ui-tabs .ui-tabs-nav {
    padding: 0 0 10px;
  }
  .ui-tabs .ui-tabs-nav li {
    border-width: 1px;
    margin-bottom: 6px !important;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    clear: none;
  }
  .tabs_big_icon.ui-tabs .ui-tabs-nav {
    text-align: center;
  }
  .tabs_big_icon.ui-tabs .ui-tabs-nav li {
    border-width: 1px !important;
    margin: 0 5px;
  }
  .tabs_big_icon.ui-tabs .ui-tabs-nav li a {
    padding: 10px 30px;
  }
  .tabs_big_icon.ui-tabs .ui-tabs-nav li a i {
    display: inline-block;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 18px;
  }

  /* Testimonials */
  .testimonials li blockquote {
    margin-bottom: 20px;
  }
  .testimonials .testimonials-slider .owl-controls {
    position: static;
    padding-top: 10px;
  }

  /* Portfolio */
  .portfolio_group .portfolio-item {
    width: 100% !important;
    float: none;
  }

  .portfolio_group.one .portfolio-item {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
  }
  .portfolio_group.one .portfolio-item .photo {
    width: 100% !important;
    float: none;
  }
  .portfolio_group.one .portfolio-item .desc {
    display: none;
  }

  /* Single portfolio */
  .single-portfolio .section-portfolio-header .portfolio-meta .categories {
    float: none;
    text-align: center;
  }
  .single-portfolio .section-portfolio-header .portfolio-meta .next-prev-nav {
    float: none;
    padding-top: 15px;
  }
  .single-portfolio .section-portfolio-header .portfolio-meta .next-prev-nav li.list {
    float: right;
  }

  /* Filters */
  #Filters {
    display: none;
  }

  /* FLickr */
  .Flickr .flickr_badge_image a img {
    width: 100%;
    height: 110px !important;
  }
  .widgets_wrapper .Flickr .flickr_badge_image a img {
    width: 100%;
    height: 99px !important;
  }

  /* Subheader */
  #Subheader .title {
    text-align: center;
  }
  .single-post #Subheader h1 {
    padding-right: 0 !important;
  }

  /* Error 404 */
  #Error_404 {
    position: static;
    padding-top: 20px;
    margin-top: 0;
  }
  #Error_404 .error_pic {
    width: 100%;
    float: none;
  }
  #Error_404 .error_pic i {
    font-size: 160px;
    line-height: 160px;
  }
  #Error_404 .error_desk {
    width: 100%;
    float: none;
    padding-top: 20px;
    text-align: center;
  }
  #Error_404 .error_desk h2 {
    font-size: 30px;
    line-height: 30px;
  }
  #Error_404 .error_desk h4 {
    font-size: 19px;
    line-height: 25px;
  }
  #Error_404 .error_desk p .check {
    line-height: 22px;
    font-size: 16px;
    margin-bottom: 15px;
    display: block;
  }
}

/* #Tablet (Portrait) & #Mobile (Landscape)													480 - 767	*
===================================================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #Wrapper {
    width: 420px;
  }

  .section_wrapper,
  .container,
  .four.columns {
    width: 380px !important;
  }

  .with_aside .content_wrapper {
    width: 100%;
  }

  /* ======================================================= */

  /* Respond */
  #respond .comment-form-author {
    width: 100%;
    margin-right: 0%;
    float: none;
  }
  #respond .comment-form-email {
    width: 100%;
    margin-right: 0%;
    float: none;
  }
  #respond .comment-form-url {
    width: 100%;
    float: none;
  }
  #respond input[type="text"],
  #respond input[type="password"],
  #respond input[type="email"],
  #respond select {
    width: 100%;
  }
  #respond .comment-form-comment textarea {
    width: 100%;
  }
  #comments .commentlist .children {
    margin-left: 0px;
    padding-left: 30px;
  }
  #respond .required {
    right: 15px;
  }
}

/* 	#Mobile (Portrait)																			< 480
===================================================================================================== */
@media only screen and (max-width: 479px) {
  /* Header */
  #Top_bar #searchform input[type="text"] {
    width: 200px !important;
  }

  /* Respond */
  #respond .comment-form-author {
    width: 99%;
    margin-right: 0%;
    float: none;
  }
  #respond .comment-form-email {
    width: 99%;
    margin-right: 0%;
    float: none;
  }
  #respond .comment-form-url {
    width: 99%;
    float: none;
  }
  #respond input[type="text"],
  #respond input[type="password"],
  #respond input[type="email"],
  #respond select {
    width: 100%;
  }
  #respond .comment-form-comment textarea {
    width: 100%;
  }
  #comments .commentlist .children {
    margin-left: 0px;
    padding-left: 30px;
  }
  #respond .required {
    right: 11px;
  }

  /* Fancy heading */
  .fancy_heading_small_icon span.icon:before {
    width: 100px;
    right: -113px;
  }
  .fancy_heading_small_icon span.icon:after {
    width: 100px;
    left: -113px;
  }

  /* Portfolio */
  .portfolio-item .photo .hover-box {
    height: 68px;
    padding: 20px 0;
  }
  .portfolio-item .photo .hover-box h5 {
    display: none;
  }
  .portfolio-item .photo .hover-box a.hover-button.zoom {
    left: 50%;
    right: auto;
    margin-left: -38px;
  }
  .portfolio-item .photo .hover-box a.hover-button.link {
    left: 50%;
    right: auto;
    margin-left: 3px;
  }

  /* Team */
  .team_style_modern .desc .inside {
    padding: 20px 20px;
  }
  .team_style_modern .links {
    display: none;
  }
  .team_style_modern .inside p.subtitle {
    margin-bottom: 0;
  }
  .team_style_modern .inside p.phone {
    display: none;
  }

  /* Chart box */
  .chart_box {
  }
  .chart_box .chart {
    position: relative;
    margin: 0 auto 20px;
  }
  .chart_box .desc_wrapper {
    text-align: center;
    padding-left: 0;
  }
  .chart_box .desc_wrapper hr.hr_left {
    margin-left: auto;
  }

  /* FLickr */
  .Flickr .flickr_badge_image a img {
    width: 100%;
    height: 75px !important;
  }
  .widgets_wrapper .Flickr .flickr_badge_image a img {
    width: 100%;
    height: 68px !important;
  }
}

/* ============================================  Iframe  ============================================ */

/* ============================================  Retina  ============================================ */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  #Header .language > a .ico {
    background-image: url("../images/icons/addons/ico_lang%402x.html");
    background-size: 24px 24px;
  }
  #Header .contact_details .mail .ico {
    background-image: url("../images/icons/addons/ico_mail%402x.html");
    background-size: 24px 24px;
  }
  #Header .contact_details .phone .ico {
    background-image: url("../images/icons/addons/ico_phone%402x.html");
    background-size: 24px 24px;
  }
  #Header #searchform .ico {
    background-image: url("../images/icons/addons/ico_search%402x.html");
    background-size: 24px 24px;
  }
  #Header .language > a {
    background-image: url("../images/arrow_bottom%402x.html");
    background-size: 9px 5px;
  }
}