@media (min-width: 1200px) {
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }
  #main-slider .carousel .item {
    height: 650px;
  }
  .frm_hr1 {
    top: 147px;
  }
  .frm_cnt{
     margin-top: 20px;
  }
  .cnt_fx{
    width: 970px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }
  .navbar-nav>li {
      margin-left: 0px;
  }
  .navbar-collapse {
      padding-left: 0;
      padding-right: 0;
  }
  .frm_cnt{
    width: 73%
  }
  .frm_mr{
   width: 13%;
  }
  .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;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }
  .navbar-collapse {
      padding-left: 0;
      padding-right: 0;
  }
/*  .navbar-nav>li {
      margin-left: 0;
  }*/
  #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;
  }
}

@media (max-width: 767px) {
  h2.right-white {
      text-align: center;
      margin: 0;
  }
  .text-desc {
      text-align: left;
  }
  .text-desc-right {
      float: initial;
      text-align: left;
      margin-top: 20px;
      margin-right: 0;
      padding-bottom: 20px;
  }
  .contact-form .form-control.bdr_r0{
    border-right-width: 1px;
  }
  .h1_frm{
    text-align: center;
    font-size: 18px;
  }
  h2.left-white {
      float: none !important;
      text-align: center;
      margin-bottom: 0;
  }
  #services .pull-right {
      float: none !important;
  }
  h2.right-white-last {
      text-align: center;
      margin-bottom: 0;
      margin-right: 0;
      margin: 0;
  }
  #header {
    padding-top: 6px;
  }
  .nrt{
    float: none;
  }
  .logo-tp{
    margin-left: 15px;
    margin-top: 5px;
  }
/*  .navbar-collapse {
    position: absolute;
    left: 100%;
    top: -4px;
    z-index: -1;
    transition: all .4s;

  }
  .navbar-collapse.in{
    right: 0;
    left: 15px;
  }
  .navbar-nav{
    float: left;
    width: 100%;
  }*/
  .breadcrumb {
    background: transparent;
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
    float: left;
  }
  #small-slider .carousel-inner .item{
    height: 240px;
  }
  #small-slider .slide-margin {
    margin-top: 104px;
  }
  #small-slider .carousel h2{
    margin-left: 0;
  }
  .hr-hdr{
    margin-left: 0;
    float: none;
    clear: both;
  }
  .btn-search {
    margin-top: 15px;
    margin-bottom: 10px;
  }
  .text-desc-last {
    margin-top: 20px;
  }
  .frm_cnt .form-group .qty{
    margin-top: 15px;
  }
  #services {
    padding-top: 30px;
    float: none;
  }
  .navbar-default .dropdown-menu>li>a {
      color: #fff;
      font-family: 'Lato', sans-serif;
      font-size: 13px;
      padding-top: 8px;
      padding-bottom: 8px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
      color: #fff;
      border-bottom-color: #1bbaaf;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
      color: #fff;
      text-decoration: none;
      background-color: #fa7221;
  }
  .navbar-collapse {
      border-top: 0;
  }
  .navbar-default .navbar-nav>.active>a,
  .navbar-default .navbar-nav>.active>a:focus,
  .navbar-default .navbar-nav>.active>a:hover {
      border-top: 0;
  }
  .navbar-default .dropdown-menu>li>a:focus,
  .navbar-default .dropdown-menu>li>a:hover {
      color: #262626;
      text-decoration: none;
      background-color: #fa7221;
  }
  .container>.navbar-header,
  .container>.navbar-collapse {
      /*margin-left: 0;*/
      /*padding-right: 0;*/
  }

  .navbar {
      padding: 0;
  }
  .top-number {
      font-size: 14px;
  }
  #inner .col-sm-3 .col-sm-12 {
      text-align: center;
  }
  input.search-form:hover {
      width: 120px;
  }
  .navbar-nav>li {
      padding-bottom: 0;
  }
  #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;
  }
  #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;
  }
  .profile-content {
      padding: 10px;
  }
}
@media (max-width: 480px) {
.logo-tp{
  width: 76%;
}
}