@media only screen and (min-width:1200px) {

     .container,
     .container-fluid {
          padding: 0
     }

     .breadcrumb-area {
          height: 100%;
          width: 100%
     }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

     .about-us-area .content-column,
     .about-us-area .image-column {
          float: none;
          width: 80%;
          margin: 0 auto
     }

     #contact1 {
          z-index: 9999;
          margin: 4em auto;
          width: 135px;
          height: 49px;
          padding: 7px;
          line-height: 25px;
          background: #fe0000;
          color: #fff;
          font-weight: 700;
          text-align: center;
          cursor: pointer;
          border: 1px solid #fff;
          top: 80%;
          position: fixed;
          left: 35%
     }

     .tab-content {
          margin-left: 0;
          padding: 0
     }

     .top-info ul li {
          display: inline-block;
          margin-left: 25px
     }

     .main-menu .navigation li a {
          padding: 13px 14px
     }

     .main-menu .navigation>li.dropdown>a {
          padding-right: 30px
     }

     .main-menu .navigation>li.dropdown>a::after {
          right: 15px
     }

     .quote-button a {
          width: 100%
     }

     .about-us-area .content-column {
          padding: 50px 15px 0 65px;
          height: 470px
     }

     .single-footer-widget .follow-us {
          width: 180px
     }

     .single-footer-widget .follow-us .text-holder {
          padding-left: 0
     }

     .single-footer-widget .follow-us .text-holder h5 {
          margin: 8px 0;
          display: block
     }

     .welcome-industry-area .content {
          display: block;
          overflow: hidden;
          padding-left: 60px
     }

     .choosing-area {
          padding-top: 80px
     }

     .choosing-area .img-box {
          margin-top: 190px
     }

     .contact-social-links ul li {
          margin-right: 5px
     }

     .single-product-item .title h3 {
          font-size: 14px;
          margin: 0 0 5px
     }

     #solution-single-area .single-solution-content .top {
          margin-bottom: 50px
     }
}

@media only screen and (min-width:768px) and (max-width:991px) {

     .about-us-area .content-column,
     .about-us-area .image-column {
          width: 80%;
          margin: 0 auto;
          float: none
     }

     .single-footer-widget .follow-us,
     .top-info ul li {
          display: inline-block
     }

     #solution-single-area .single-solution-content .caption-box .title,
     .logo {
          float: none !important;
          text-align: center
     }

     #contact1 {
          z-index: 9999;
          margin: 4em auto;
          width: 135px;
          height: 49px;
          padding: 7px;
          line-height: 25px;
          background: #fe0000;
          color: #fff;
          font-weight: 700;
          text-align: center;
          cursor: pointer;
          border: 1px solid #fff;
          top: 80%;
          position: fixed;
          left: 35%
     }

     .tab-content {
          margin-left: 0;
          padding: 0
     }

     .choosing-area,
     .send-message-form {
          padding-top: 80px
     }

     .logo {
          margin: 0 0 30px
     }

     .top-info ul li {
          margin-left: 20px
     }

     .mainmeu-area {
          margin-bottom: 0;
          margin-top: 0
     }

     .main-menu .navigation li a {
          padding: 13px 10px
     }

     .main-menu .navigation>li.dropdown>a {
          padding-right: 30px
     }

     #solution-single-area .single-solution-content .bottom .img-holder,
     #solution-single-area .single-solution-content .top .img-holder,
     .top-search-box {
          margin-right: 0
     }

     .main-menu .navigation>li.dropdown>a::after {
          right: 14px
     }

     .quote-button a {
          height: 55px;
          line-height: 52px
     }

     .about-us-area .content-column {
          padding: 50px 15px 0 65px;
          height: 470px
     }

     .about-us-area .content-column .inner-box .fact-counter ul li.single-fact-counter,
     .single-footer-widget .quick-links.left {
          margin-right: 25px
     }

     .processing-system li {
          margin: 0 26px
     }

     .latest-project-area {
          padding-bottom: 40px
     }

     .project-filter,
     .single-latest-project {
          margin-bottom: 40px
     }

     .single-footer-widget.pd-bottom {
          padding-bottom: 50px;
          overflow: hidden
     }

     .footer-bottom-area .copyright-text p {
          text-align: center;
          margin: 0 0 10px
     }

     .footer-bottom-area .footer-menu {
          float: none;
          text-align: center
     }

     .footer-bottom-area .footer-menu li {
          margin: 0 30px
     }

     .welcome-industry-area .content {
          padding-top: 100px
     }

     .choosing-area {
          padding-bottom: 80px
     }

     .account-area .form.register,
     .choosing-area .img-box {
          margin-top: 50px
     }

     #solution-single-area .sidebar,
     .choosing-area form {
          margin-top: 70px
     }

     .sidebar-wrapper {
          margin-top: 80px
     }

     .project-filter li {
          margin: 0 8px 10px
     }

     .project-single-area .single-project-info {
          margin: 70px 0 30px
     }

     .product-content-box .flexslider {
          margin: 0 0 10px;
          width: 400px
     }

     .product-content-box .content-box {
          margin-left: 0;
          margin-top: 50px
     }

     .cart-middle .update-cart-pro-check {
          float: left !important;
          margin-top: 15px
     }

     .cart-bottom .calculate-shipping input.zip-code[type=text] {
          margin-top: 25px
     }

     .cart-total {
          padding-top: 70px
     }

     .checkout-area .shipping-info,
     .payment-details {
          margin: 70px 0 0
     }

     #solution-single-area .single-solution-content .top {
          margin-bottom: 50px
     }

     #solution-single-area .single-solution-content .bottom .img-holder img,
     #solution-single-area .single-solution-content .top .img-holder img {
          width: 100%
     }

     #solution-single-area .single-solution-content .top .text-holder {
          padding-left: 0;
          padding-top: 30px
     }

     #solution-single-area .single-solution-content .bottom .accordion-box {
          margin: 30px 0 0;
          padding-left: 0
     }

     #solution-single-area .single-solution-content .caption-box .button {
          float: none !important;
          margin: 10px 0 0;
          text-align: center
     }
}

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

     #contact1,
     .logo {
          text-align: center
     }

     .logo,
     .top-info {
          float: none !important
     }

     .main-menu .navigation>li>ul>li>a::before,
     .top-info {
          display: none
     }

     .single-page-header {
          text-align: center;
          color: #fff;
          position: relative
     }

     #contact1 {
          z-index: 9999;
          margin: 4em auto;
          width: 135px;
          height: 49px;
          padding: 7px;
          line-height: 25px;
          background: #fe0000;
          color: #fff;
          font-weight: 700;
          cursor: pointer;
          border: 1px solid #fff;
          top: 80%;
          position: fixed;
          left: 35%
     }

     .tab-content {
          margin-left: 0;
          padding: 0
     }

     .mt-60 {
          margin-top: 0
     }

     .navbar-default .navbar-nav .dropdown-menu>li>a {
          color: #000;
          background-color: #ccc0;
          border-radius: 4px;
          margin-top: 2px
     }

     .header-area {
          padding-bottom: 0
     }

     .logo {
          margin: 0 0 30px
     }

     .top-info {
          padding-top: 2px;
          width: 250px;
          margin: 0 auto
     }

     .mainmeu-area,
     .processing-system li:last-child,
     .top-info ul li:last-child {
          margin-bottom: 0
     }

     .top-info ul li {
          display: block;
          margin-left: 0;
          margin-bottom: 15px
     }

     .top-info ul li .social-links {
          top: 0
     }

     .breadcrumb-area {
          background-repeat: no-repeat;
          background-size: cover;
          padding-bottom: 120px;
          padding-top: 0;
          position: relative;
          z-index: 1
     }

     .welcome-industry-area {
          padding-bottom: 37px;
          padding-top: 15px
     }

     .breadcrumb-bottom-area {
          border-bottom: 1px solid #e3e3e3;
          background: #f7f7f7;
          margin-left: -15px;
          margin-top: 7px
     }

     .pl-30 {
          padding-left: 30px
     }

     table tr td {
          padding: 5px;
          color: #3c3c3c;
          font-size: 14px;
          font-weight: 500
     }

     .p-20 {
          padding: 8px;
          margin-left: 0;
          color: #333;
          text-align: justify
     }

     .mainmeu-area {
          margin-top: 0
     }

     .top-search-box {
          margin-right: 0;
          position: relative;
          top: -65px;
     }

     .top-search-box button {
          height: 61px;
          line-height: 0px;
          width: 50px;
     }

     .quote-button a {
          height: 55px;
          line-height: 52px
     }

     .mainmeu-area.stricky-fixed {
          margin: 0;
          position: static !important;
          background: #00afef;
          top: 0;
          left: 0;
          width: 100%;
          z-index: 1;
          animation-name: menu_sticky;
          animation-duration: .6s;
          animation-timing-function: ease-out;
          -webkit-box-shadow: 0 13px 30px -12px rgba(0, 0, 0, .75);
          -moz-box-shadow: 0 13px 30px -12px rgba(0, 0, 0, .75);
          box-shadow: 0 13px 30px -12px rgba(0, 0, 0, .75)
     }

     .mainmeu-area .mainmenu-bg {
          background: 0 0;
          display: block
     }

     .main-menu {
          display: inline-block;
          float: right !important;
          padding-bottom: 0;
          padding-top: 0;
          z-index: 5;
          width: 100%
     }

     .choosing-area,
     .latest-project-area {
          padding-bottom: 40px
     }

     .main-menu .navigation li {
          margin-left: 0;
          margin-right: 0;
          padding: 0
     }

     .main-menu .navigation>li:before {
          margin-left: 0;
          width: 0
     }

     .main-menu .navigation li a::before {
          width: 0
     }

     .main-menu .collapse {
          float: none;
          margin: 0;
          overflow: auto;
          padding: 0;
          width: 100%
     }

     .main-menu .navbar-header {
          display: block;
          float: right;
          padding: 0;
          position: relative;
          right: 0;
          text-align: right;
          width: 100%;
          z-index: 12
     }

     .main-menu .navbar-header .navbar-toggle {
          background: #353535;
          border-radius: 0;
          display: inline-block;
          float: none;
          margin: 0;
          top: 0;
          z-index: 7;
          width: 50px;
          height: 50px;
          padding: 15px 13px
     }

     .main-menu .navbar-header .navbar-toggle .icon-bar {
          background: #fff;
          font-weight: 400
     }

     .main-menu .navbar-collapse>.navigation {
          float: none !important;
          margin: 0 !important;
          width: 100% !important;
          background: #292929
     }

     .main-menu .navbar-collapse>.navigation>li {
          margin: 0 !important;
          float: none !important;
          width: 100%
     }

     .main-menu .navigation>li>a:before {
          background: 0 0
     }

     .main-menu .navigation li.dropdown>a:after {
          display: none !important
     }

     .main-menu .navbar-collapse>.navigation>li>ul {
          position: relative;
          border: none;
          float: none;
          visibility: visible;
          opacity: 1;
          display: none;
          margin: 0;
          left: auto !important;
          right: auto !important;
          top: auto !important;
          width: 100%;
          background: 0 0;
          border-radius: 0;
          -webkit-border-radius: 0px;
          -ms-border-radius: 0px;
          -o-border-radius: 0;
          -moz-border-radius: 0;
          transition: none !important;
          -webkit-transition: none !important;
          -ms-transition: none !important;
          -o-transition: none !important;
          -moz-transition: none !important;
          border-top: 0 solid #fff !important
     }

     .main-menu .navbar-collapse>.navigation>li,
     .main-menu .navbar-collapse>.navigation>li>ul>li {
          border-top: 1px solid rgba(14, 14, 14, .7) !important;
          opacity: 1 !important;
          top: 0 !important;
          left: 0 !important;
          visibility: visible !important
     }

     .main-menu .navigation>li>ul>li {
          border-bottom: none
     }

     .main-menu .navbar-collapse>.navigation>li:first-child {
          border: none
     }

     .main-menu .navbar-collapse>.navigation>li>a,
     .main-menu .navbar-collapse>.navigation>li>ul>li>a {
          background: #292929;
          color: #fff !important;
          line-height: 22px;
          padding: 12px 13px !important;
          text-align: left;
          font-weight: 600
     }

     .main-menu .navbar-collapse>.navigation>li.current>a,
     .main-menu .navbar-collapse>.navigation>li:hover>a,
     .main-menu .navbar-collapse>.navigation>li>ul>li:hover>a {
          background: #fdc716;
          color: #292929 !important;
          box-shadow: 2px 1px 2px #fff
     }

     .main-menu .navbar-collapse>.navigation li.dropdown .dropdown-btn {
          display: block
     }

     .about-us-area .icon-box {
          float: right;
          position: relative;
          width: 191px;
          top: 33px
     }

     .about-us-area .icon-box .single-item {
          background: #c40b00;
          color: #fff;
          margin-bottom: 1px;
          padding-bottom: 17px;
          padding-left: 5px;
          padding-top: 17px;
          position: relative;
          -webkit-transition: .5s;
          transition: .5s
     }

     .about-us-area .image-column {
          width: 103%;
          margin: 0 auto;
          float: none;
          height: 392px
     }

     .about-us-area .content-column {
          float: none;
          margin: 0 auto -10px;
          padding: 35px 15px 0 22px;
          width: 100%
     }

     .single-footer-widget.pd-bottom,
     .single-footer-widget.pd-bottom-inst {
          padding-bottom: 50px;
          overflow: hidden
     }

     .about-us-area .content-column .inner-box .fact-counter ul li.single-fact-counter {
          display: block;
          text-align: center;
          margin: 0 0 30px
     }

     .processing-system li {
          display: block;
          margin: 0 auto 50px;
          width: 130px
     }

     .project-filter,
     .single-latest-project {
          margin-bottom: 40px
     }

     .latest-project-area .button {
          display: block;
          float: left !important;
          overflow: hidden;
          width: 100%;
          margin: 0 0 50px
     }

     .single-footer-widget .follow-us {
          display: inline-block
     }

     .footer-bottom-area .copyright-text p {
          text-align: center;
          margin: 0 0 10px
     }

     .footer-bottom-area .footer-menu {
          float: none;
          text-align: center
     }

     .footer-bottom-area .footer-menu li {
          margin: 0 30px
     }

     .special-service-area .single-item.pd-bottom-2 {
          margin-bottom: 30px
     }

     .welcome-industry-area .content {
          padding-top: 100px
     }

     .welcome-industry-area .video-gallery-bg .video-gallery {
          left: 0
     }

     .choosing-area {
          padding-top: 40px
     }

     .account-area .form.register,
     .choosing-area .img-box {
          margin-top: 50px
     }

     #solution-single-area .sidebar,
     .choosing-area form {
          margin-top: 70px
     }

     .send-message-form {
          padding-top: 80px;
          margin-left: 0
     }

     .sidebar-wrapper {
          margin-top: 80px
     }

     .project-filter li {
          margin: 0 8px 10px
     }

     .project-single-area .single-project-info {
          margin: 70px 0 30px
     }

     .shop-area .ui-selectmenu-button {
          float: left;
          margin-top: 10px
     }

     .product-content-box .flexslider {
          margin: 0 0 10px;
          width: 100%
     }

     .product-content-box .content-box {
          margin-left: 0;
          margin-top: 50px
     }

     .cart-middle .update-cart-pro-check {
          float: left !important;
          margin-top: 15px
     }

     .cart-bottom .calculate-shipping input.zip-code[type=text] {
          margin-top: 25px
     }

     .cart-total {
          padding-top: 70px
     }

     .cart-middle .update-cart-pro-check a {
          float: left;
          margin: 10px 0 0
     }

     .cart-middle .apply-coupon {
          padding-left: 180px
     }

     .cart-middle .apply-coupon input[type=text] {
          width: 170px
     }

     .cart-middle .apply-coupon .apply-coupon-button button {
          width: 135px
     }

     .payment-details .payment-detail-tab .tab-content .save-card {
          float: none !important
     }

     .card-image.pull-right {
          display: block;
          float: left !important;
          overflow: hidden
     }

     .placeorder-button button {
          margin: 40px 0 0
     }

     .checkout-area .shipping-info,
     .payment-details {
          margin: 70px 0 0
     }

     #solution-single-area .single-solution-content .top {
          margin-bottom: 50px
     }

     #solution-single-area .single-solution-content .bottom .img-holder,
     #solution-single-area .single-solution-content .top .img-holder {
          margin-right: 0
     }

     #solution-single-area .single-solution-content .bottom .img-holder img,
     #solution-single-area .single-solution-content .top .img-holder img {
          width: 100%
     }

     #solution-single-area .single-solution-content .top .text-holder {
          padding-left: 0;
          padding-top: 30px
     }

     #solution-single-area .single-solution-content .bottom .accordion-box {
          margin: 30px 0 0;
          padding-left: 0
     }

     #solution-single-area .single-solution-content .caption-box .title {
          float: none !important;
          text-align: center
     }

     #solution-single-area .single-solution-content .caption-box .button {
          float: none !important;
          margin: 10px 0 0;
          text-align: center
     }

     #solution-single-area .single-solution-content .experts-provide .single-experts-provide .text-holder {
          padding-left: 30px;
          padding-right: 0
     }

     .single-footer-widget .quick-links.left {
          margin-right: 20px
     }
}

@media only screen and (min-width:480px) and (max-width:767px) {
     .single-page-header {
          text-align: center;
          color: #fff;
          position: relative
     }

     #contact1 {
          z-index: 9999;
          margin: 4em auto;
          width: 135px;
          height: 49px;
          padding: 7px;
          line-height: 25px;
          background: #fe0000;
          color: #fff;
          font-weight: 700;
          text-align: center;
          cursor: pointer;
          border: 1px solid #fff;
          top: 80%;
          position: fixed;
          left: 35%
     }

     .tab-content {
          margin-left: 0;
          padding: 0
     }

     .single-footer-widget .quick-links.left {
          margin-right: 25px
     }
}

@media only screen and (min-width:1200px) and (max-width:1300px) {
     .navbar-header img {
          display: block
     }

     .about-us-area .content-column .inner-box .fact-counter ul li.single-fact-counter {
          display: inline-block;
          margin-right: 25px
     }

     .processing-system li .single-item .iocn-holder {
          height: 100px;
          width: 100px
     }

     .processing-system li .single-item .iocn-holder span::before {
          height: 98px;
          width: 98px
     }
}

.marque1 {
     font-size: 20px
}

.card-title-head {
     font-size: 50px
}

@media only screen and (max-width:768px) {
     .video-testimonial {
          height: 300px
     }

     .flexRowMedia {
          display: flex;
          justify-content: flex-start
     }

     .gallery {
          overflow: hidden;
          display: block;
          padding: 4px
     }

     .gallery img {
          border: 1px solid #000;
          width: 100%;
          height: 100%
     }

     .single-page-header {
          text-align: center;
          color: #fff;
          position: relative
     }

     body,
     html {
          overflow-x: hidden
     }

     .navbar-default .navbar-nav>li>a {
          color: #000 !important;
          font-size: 18px;
          margin-top: 0;
          padding-left: 12px
     }

     .navbar-header {
          margin-bottom: -70px;
          text-align: left !important
     }

     .top-info ul {
          display: unset
     }

     .card {
          margin-bottom: 20px
     }

     .accordion-box {
          margin: 5px 0 0
     }

     .embed-responsive.embed-responsive-16by9 {
          padding-bottom: 56.25%;
          margin-bottom: 20px
     }

     .carousel-inner>.item>a>img,
     .carousel-inner>.item>img {
          line-height: 1;
          height: 200px
     }

     .navbar-default {
          background-color: #fff !important;
          border-color: #ffffff00;
          display: unset
     }

     .main-menu .navbar-header {
          display: block;
          float: right;
          padding: 0;
          position: relative;
          right: 0;
          text-align: right;
          width: unset;
          z-index: 12;
          top: 45px
     }

     #navbar {
          height: 90px;
          margin-top: 50px
     }

     .main-menu .collapse {
          background-color: #fff
     }

     .breadcrumb-bottom-area {
          border-bottom: 1px solid #e3e3e3;
          background: #f7f7f7;
          margin-left: -15px;
          margin-top: 50px
     }

     .mt-60 {
          margin-top: 100px
     }

     marquee .marque1 {
          font-size: 15px
     }

     .card .card-body .card-title-head {
          font-size: 45px
     }

     .heading {
          text-align: center;
          font-size: 28px;
          text-transform: capitalize;
          padding-bottom: 50px
     }
}

.head2 {
     color: #292929;
     font-size: 14px;
     font-weight: 600;
     line-height: 26px;
     text-transform: uppercase;
     margin-top: 8px
}




.float-call {
	position: fixed;
	width: 50px;
	height: 50px;
     bottom: 145px;
     right: 27px;
	background-color: #03a9f4;
	color: #FFF;
	border-radius: 50px;
	text-align: center;
	font-size: 20px;
	/* box-shadow: 2px 2px 3px #999; */
	z-index: 100;
	}
    .my-float-call {
	margin-top: 16px;
   }
   .float {
	position: fixed;
	width: 50px;
     height: 50px;
	bottom: 90px;
    right: 21px;
    
	background-color: #25d366;
	color: #FFF;
	border-radius: 50px;
	text-align: center;
	font-size: 20px;
	/* box-shadow: 2px 2px 3px #999; */
	z-index: 100;
   }
   .my-float {
	margin-top: 16px;
   }