@charset "UTF-8";
/* 
Theme Name: GTC Xpress
Theme URI: http://
Author: Media Horizon
Author URI: https://www.mediahorizonsl.com
Description: A web designing company in Sri Lanka with a team of talented individuals who have been in the industry for more than 10 years helping to create an online presence for our clients. We are specialized in designing and developing high-performing websites. Our talented team of web designers and developers are capable of handling websites on any scale. We create simple customer journies through high engaging landing pages using clear call-to-action to convert your visitors into leads We work closely with our customers educating them on how to design and create a winning website for their business that helps their customers find what they want on the website. We work to ensure your website performs at the optimum level on all screen sizes.
Text Domain: simplybread
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');

h1 {
    font-family: 'Poppins', sans-serif;
}

h2 {
    font-family: 'Poppins', sans-serif;
}

h3 {
    font-family: 'Poppins', sans-serif;
}

h4 {
    font-family: 'Poppins', sans-serif;
}

h5 {
    font-family: 'Poppins', sans-serif;
}

h6 {
    font-family: 'Poppins', sans-serif;
}

a {
    font-family: 'Poppins', sans-serif;
    color: rgba(0,0,0,1);
}

a:hover {
    font-family: 'Poppins', sans-serif;
    color: rgba(0,0,0,0.7);
    text-decoration: none;
}

ul {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.8;
    color: #4a4a4a;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.8;
    color: #4a4a4a;
}

.hide-section {
    font-size:0px !important;
}

.container {
	width: 1200px !important;
	max-width: 1270px !important;
}

.container-section .row {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.container-section .row .col-md-12 {
    padding: 0px !important;
}

.grecaptcha-badge { visibility: hidden; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

li#menu-item-1117 {
    cursor: pointer;
}
li#menu-item-1115 {
    cursor: pointer;
}

.logo-header {
	text-align: center;
}

.logo-header img {
	width: 130px;
	padding: 7px 0px;
}

.second-section-header {
	height: 115px;
    transition: all .4s ease;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    background: #fff;
    z-index: 99999;
    position: relative;
}

.header {
    height: 35px;
}

.second-section-header.sticky {
    position: fixed;
    width: 100%;
    background: #fff !important;
    z-index: 9999;
    top: 0px;
    padding: 0px;
    transition: all .4s ease;
    margin: 0px;
    height: 80px;
}

.second-section-header.sticky .logo-header img {
    width: 80px;
    transition: all .4s ease;
}

.second-section-header.sticky .main-navigation {
    text-align: center;
    padding: 25px 0px;
}

.main-navigation ul {
    list-style-type: none;
}

.main-navigation ul {
    display: inline-flex;
    margin: 0px;
    padding: 0px;
}

.main-navigation ul li a {
    margin: 8px;
    font-size: 14px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 400;
    padding: 20px 0px;
}

.main-navigation ul li a:hover {
    color: #2f4098;
}

.main-navigation ul li.current-menu-item a {
    color: #ec2423 !important;
}

.main-navigation ul li ul.sub-menu li.current-menu-item a {
    color: #ec2423 !important;
}

.main-navigation {
    text-align: center;
    padding: 45px 0px;
}

.main-navigation ul ul { /* this targets all sub menus */ 
    left: 15px;
    margin-top: -2px;
    display: none; /* hide all sub menus from view */ 
    position: absolute; 
    top: 30px; /* this should be the same height as the top level menu -- height + padding + borders */ 
} 
.main-navigation ul ul li { /* this targets all submenu items */ 
    float: none; /* overwriting our float up above */ 
    width: 150px; /* set to the width you want your sub menus to be. This needs to match the value we set below */ 
} 
.main-navigation ul ul li a { /* target all sub menu item links */ 
    border-bottom: 1px solid #fff;
    padding: 0px;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    transition: all .7s ease;
}

.main-navigation ul li:hover > ul { 
    display: block; /* show sub menus when hovering over a parent */ 
}

/*****submenu*****************/


.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  left: 100%;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
  /*background-color: lightblue;*/
}

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
    float: left;
    top: 31px;
    left: -34px;
    background-color: #4c4c4c;
    width: 151px;
    height: 33px;
}

.main-navigation ul li.current-menu-item a {
    /*border-bottom: 1px solid;*/
}

.main-navigation ul li a:hover, .header-menu ul li.current-menu-item a {
    color: #989898;
}

.main-navigation li {
  float: left;
  position: relative;
}

.main-navigation ul li {
    display: inline-block;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
}

.main-navigation li:hover ul.sub-menu {
    line-height: 1.0;
    opacity: 1;
    visibility: visible;
    display: block;
    box-shadow: 1px 2px 7px #0000;
    border-radius: 3px;
    background: #eaeaea;
}

.main-navigation ul li ul.sub-menu li a:hover {
    /*border-bottom: 2px solid #bab707;*/
}

.main-navigation ul li ul.sub-menu {
    float: left;
    height: auto;
    list-style: none;
    z-index: 999;
    background: rgba(255, 255, 255, 1);
    position: absolute;
    left: 11px;
    top: 35px;
    width: auto;
    opacity: 0;
    visibility: hidden;
    -moz-transition: opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
    -webkit-transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
    -o-transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
    transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
}

/*.main-navigation ul li a:hover, .header-menu ul li.current-menu-item a {
    color: #bab707;
}*/

.main-navigation li:hover ul.sub-menu li a:hover {
    color: #000;
    -moz-transition: color 0.3s ease-out;
    -webkit-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

.main-navigation ul li ul.sub-menu li a:hover {
    /*border-bottom: 2px solid #bab707;*/
    width: 100%;
}

.main-navigation ul li a:after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #bab707;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

.main-navigation ul ul::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 7%;
    top: -10px;
    bottom: 0;
    color: rgba(0,0,0,0.1) !important;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgb(0,0,0,0.1);
}

.main-navigation ul li a:hover, .header-menu ul li.current-menu-item a {
    /*border-bottom: 2px solid #bab707;*/
}

.main-navigation ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

.main-navigation ul li ul.sub-menu li {
    border-top: 0px solid gray;
    clear: both;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 13px 2px;
    width: 180px;
    text-align: left;
    height: 40px;
}

.main-navigation li:hover ul.sub-menu li a {
    -moz-transition: color 0.1s ease-out;
    -webkit-transition: color 0.1s ease-out;
    -o-transition: color 0.1s ease-out;
    transition: color 0.1s ease-out;
    border-bottom: 2px solid transparent;
    color: #000 !important;
}

/*****submenu over************/

.bg-1 {
	background-repeat: no-repeat, repeat;
    background-blend-mode: lighten;
    padding: 0px !important;
    background-size: cover;
    height: 360px;
    background-position: center;
	z-index: 999;
}

.icon-content {
	width: 100% !important;
    height: 100%;
    color: #fff;
    padding: 50px 30px;
}

.icon-content h3 {
	font-size: 22px;
    text-transform: uppercase;
    margin-top: 10px;
    color: #fff;
}

.icon-bg {
	background: rgba(128, 10, 155, 0.8);
    transition: all .8s ease;
}

.icon-bg:hover {
    background: rgba(128, 10, 155, 1);
    transition: all .8s ease;
}

.icon-bg-2 {
	background: rgba(20, 76, 189, 0.8);
    transition: all .8s ease;
}

.icon-bg-2:hover {
    background: rgba(20, 76, 189, 1);
    transition: all .8s ease;
}

.icon-bg-3 {
	background: rgba(244, 139, 16, 0.8);
    transition: all .8s ease;
}

.icon-bg-3:hover {
    background: rgba(244, 139, 16, 1);
    transition: all .8s ease;
}

.icon-bg-4 {
	background: rgba(51, 147, 4, 0.8);
    transition: all .8s ease;
}

.icon-bg-4:hover {
    background: rgba(51, 147, 4, 1);
    transition: all .8s ease;
}
.icon-content p {
	color: rgba(255, 255, 255, 1);
}

.section-welcome {
	background: url('/wp-content/uploads/2020/10/bubble-bg.jpg');
	background-size: contain;
    background-repeat: repeat;
}

.section-welcome {
	padding: 100px 0px 50px 0px;
}

.title-sec h2:after {
	content: url('/wp-content/uploads/2020/10/yellow-line.png');
	display: block;
    top: -25px;
    position: relative;
}

.section-welcome h3 {
	font-size: 22px;
	margin: 0px;
	font-weight: 300;
}

.section-welcome h2 {
	font-size: 40px;
    margin: 0px;
    font-weight: 800;
    height: 80px;
    text-transform: uppercase;
}

.img-row img {
	width: 100%;
}

img.img-spc:hover {
    transform: scale(0.95) !important;
    animation: slide-down 0.7s !important;
    transition: all .4s ease !important;
}

img.img-spc {
	margin-bottom: 40px;
}

.white-box h4 {
	font-size: 22px;
	margin: 0px;
	font-weight: 300;
}

.white-box h3 {
	font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0px;
}

.white-box p {
	margin: 0px;
}

.white-box h3:after {
	content: url('/wp-content/uploads/2020/10/yellow-line.png');
	display: block;
    top: -15px;
    position: relative;
}

.white-box {
	background: #fff;
    padding: 20px 20px;
}

.left-bg {
	/*background: url('/wp-content/uploads/2020/10/img-bg.jpg');*/
	height: 100%;
    background-size: cover;
    background-position: center;
}

.color-bg {
	background: #312982;
    padding-bottom: 50px;
}

a.btn-mid {
    padding: 8px 19px;
    margin-left: 30px;
    border: 1px solid #fff;
    color: #fff;
    transition: all .4s ease;
    text-align: center;
}

a.btn-mid:hover {
    background: rgba(255, 255, 255, 0.5);
    transition: all .4s ease;
}

.inner-c {
	padding: 70px 30px 0px 30px;
}

.inner-c h3, .inner-c h2, .inner-c p {
	color: #fff;
}

.inner-c h3 {
	font-size: 22px;
	margin: 0px;
	font-weight: 300;
}

.inner-c h2 {
	font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
}

.left-bg-bottom {
	background: #00a79d;
	height: 500px;
}

.color-bg-2 {
	background: #fcb913;
	height: 500px;
}

ul.list-st li {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.8;
    list-style-image: url('/wp-content/uploads/2020/10/arrow.png');
}

.section-txt ul.list-st li {
    color: #4a4a4a;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.8;
    list-style-image: url('/wp-content/uploads/2020/10/arrow.png');
}

.g-txt-box ul.list-st li {
    color: #4a4a4a;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.8;
    list-style-image: url('/wp-content/uploads/2020/10/arrow.png');
}

.section-txt ul.list-st {
    padding: 0px 0px 0px 20px;
}

ul.list-st {
    padding: 0px 0px 0px 46px;
}

#testi {
    margin-top: 40px;
    padding: 0px 50px;
}

.site-footer {
    background: #202020;
    height: 100%;
}

.site-footer h4.footer-title {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
}

.site-footer p, .site-footer a {
    color: #757575;
}

.site-footer a:hover {
    color: rgba(255, 255, 255, 0.9);
}

.footer-section-one {
    padding: 50px 0px;
}

.bottom-section {
    background: #131313;
}

.bottom-section p {
    padding: 10px 0px;
    margin: 0px;
    color: #fff;
    font-size: 13px;
}

.bottom-section a {
    color: #fff;
}

.bottom-section a:hover {
    color: rgba(255, 255, 255, 0.6);
}

.banner-content {
    position: absolute;
    z-index: 999;
    height: 700px;
    width: 50%;
    background: url(/wp-content/uploads/2020/10/banner-bg.jpg);
    padding: 9% 6%;
    margin: 0px;
    background-size: initial;
    background-repeat: repeat;
}

.banner-content .inner-c h3 {
    font-size: 22px;
    margin: 0px;
    font-weight: 300;
    text-transform: uppercase;
}

.btn-slider {
    margin-top: 30px;
}

.btn-slider a {
    border: 1px solid #fff;
    color: #fff;
    padding: 8px 11px 10px 0px;
    margin-right: 20px;
    transition: all .4s ease;
    width: 200px;
    display: inline-block;
    text-align: center;
}

.btn-slider a:hover {
    background: rgba(255, 255, 255, 0.3);
    transition: all .4s ease;
}

.btn-slider a:before {
    content: url('/wp-content/uploads/2020/10/ico-2.png');
    padding: 0px 10px !important;
    top: 6px;
    position: relative;
}

.btn-slider a.sec:before {
    content: url('/wp-content/uploads/2020/11/offset.png');
    padding: 0px 10px !important;
    top: 6px;
    position: relative;
}

.footer-links-1 ul, .footer-links-2 ul {
    padding: 0px;
    list-style: none;
    font-size: 14px;
    line-height: 2.2;
}

.footer-links-2 ul {
    column-count: 2;
}

.footer-links-1 a, .footer-links-2 a {
    padding-left: 0px;
    transition: 0.1s;
}

.footer-links-1 a:hover, .footer-links-2 a:hover {
    color: rgba(255, 255, 255, 0.9);
    padding-left: 6px;
    transition: 0.1s;
}

p.dev-title {
    text-align: right;
}

.cover-bg {
    padding: 0px;
}

/**
 COPY HERE!
 Add This to make background image parallax.
*/
.wp-block-cover-image {
  background-attachment: fixed;
  background-position: 50% 0;
}

.wp-block-cover-image.has-background-dim, .wp-block-cover.has-background-dim {
    background-color: #0000 !important;
    background-size: cover;
    background-position: -350px center !important;
}

/********************/
/***********back to to btn*********/

#button {
  display: inline-block;
  background-color: #ec24237a;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 110px;
  right: 25px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

.logo-company img {
    width: 100%;
    margin-bottom: 10px;
}

.owl-theme .owl-dots .owl-dot span {
    margin: 5px 2px !important;
}

.banner-sec {
    height: 100%;
    /*background: #ec2423;*/
    width: 100%;
}

.banner-sec h1.project-title {
    margin: 0px;
    padding: 157px 0px;
    color: #fff;
    font-size: 70px;
}

h1.project-title {
    padding-top: 20px;
}

.breadcrumb {
    background-color: transparent;
    padding: 0px 17px !important;
    font-size: 10px;
}

li.taxonomy, li.current-item {
    list-style-image: url(/wp-content/uploads/2020/10/arrow-left-1-1.png);
    font-family: 'Poppins', sans-serif;
    margin-left: 22px;
}

.contactus input.wpcf7-text {
    background: rgb(228, 228, 228);
    border: 0px;
    height: 55px;
    border-radius: 2px;
}

.contactus .wpcf7-select {
    background: rgb(228, 228, 228);
    border: 0px;
    height: 55px;
    border-radius: 2px;
}

.contactus textarea.wpcf7-textarea {
    height: 120px;
    background: rgb(228, 228, 228);
    border: 0px;
    border-radius: 2px;
}

.contactus input.wpcf7-submit {
    background: #ffffff;
    padding: 15px 45px !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px;
    margin-top: 30px;
    border: 1px solid #ec2423;
    color: #ec2423;
    padding: 8px 11px 10px 0px;
    transition: all .4s ease;
    width: 200px;
    display: inline-block;
    text-align: center;
}

.contactus input.wpcf7-submit:hover {
    background: #ec2423;
    color: #fff;
    transition: all .4s ease;
}

/************************************************************/

#custom-bg {
    height: 400px;
    background-size: cover;
    background-position: center center;
}

.blog-bg-bg {
    height: 400px;
    background-size: cover !important;
    background-position: center center !important;
}

.social-icons {
    display: block;
}

.social-icons .ico {
    display: inline-block;
}

.social-icons .fb .fa {
    border: 1px solid #000;
    padding: 10px 14px;
    border-radius: 20px;
    margin-right: 10px;
}

.social-icons .insta .fa {
    border: 1px solid #000;
    padding: 11px 12px;
    border-radius: 20px;
    margin-right: 10px;
}

.social-icons .link .fa {
    border: 1px solid #000;
    padding: 11px 12px;
    border-radius: 20px;
    margin-right: 10px;
}

.card img {
    width: 100%;
    height: auto;
}

.entry-footer {
    display: none;
}

.content-area {
    margin-bottom: 40px;
}

.detail-list h4 {
    font-size: 18px;
    font-weight: 600;
}

.blog-img {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.section-top-blog {
    padding-bottom: 70px;
}

.card {
    border: 0px;
    padding: 22px 18px;
}

.blog-bg {
    background: url('/wp-content/uploads/2020/10/texture-bg.png');
    background-repeat: repeat;
}

.card-body {
    text-align: center;
    padding: 20px 40px;
    background: #fff;
    border-bottom: 2px solid #e4e4e4;
    border-left: 2px solid #e4e4e4;
    border-right: 2px solid #e4e4e4;
    transition: all .4s ease;
}

.card:hover .card-body {
    background: #fcb913;
    border-bottom: 2px solid #fcb913;
    border-left: 2px solid #fcb913;
    border-right: 2px solid #fcb913;
    transition: all .4s ease;
}

.card-body h4 {
    margin: 0px;
    font-size: 15px;
    text-transform: uppercase;
    padding: 22px 0px;
}

.blog-img img {
    width: 100%;
    height: auto;
    transition: all .9s ease;
}

.blog-img img:hover {
    transform: scale(1.08);
    transition: all .9s ease;
}

.blog-spce {
    margin-bottom: 40px;
}

.card-body .blog-btn {
    background: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px;
    border: 1px solid #ec2423;
    color: #ec2423;
    padding: 10px 5px;
    transition: all .4s ease;
    width: 175px;
    display: inline-block;
    text-align: center;
    margin-bottom: 25px;
}

.card-body .blog-btn:hover {
    background: #ec2423;
    color: #fff;
    transition: all .4s ease;
}



/*--------------------------------------------------------------
## About page
--------------------------------------------------------------*/

.h-a-bg {
    background-size: cover !important;
    background-position: bottom !important;
}

.parallax-sec img.thumbnail {
    width: 100%;
}

.section-bottom-about {
    padding: 100px 0px;
    background: #ec2423;
}

.section-history-team {
    padding-top: 100px;
    padding-bottom: 50px;
}

.parallax-window {
    min-height: 500px;
    background: transparent;
    background-size: cover;
    height: 100%;
}

.section-features-about {
    padding-top: 100px;
}

.team-img img {
    width: 100%;
    margin-bottom: 20px;
}

.about-img-team img {
    width: 100%;
}

.about-page p {
    margin: 0px;
    margin-bottom: 10px;
}

.about-page-team {
    padding: 150px 100px;
}

.about-page-team-para {
    padding-bottom: 30px;
}

.team-img p {
    margin: 0px;
}

.team-img-st {
    margin-top: 50px;
}

.section-history-about {
    padding-bottom: 150px;
    background-repeat: repeat !important;
    padding-top: 100px;
}

.section-vision-about {
    margin-top: 0px;
    margin-bottom: 0px;
    background-repeat: repeat;
    background-size: auto;
    padding: 100px 0px;
}

.about-page-history h2, .about-page-history p, .section-bottom-about h2, .section-bottom-about p {
    color: #fff;
}

.section-vision-about h2, .section-vision-about p {
    color: #000;
}

.section-top-about {
    margin-bottom: 0px;
    /*background: rgba(244, 139, 16, 1);*/
}

.section-sec-about {
    padding-top: 100px;
}

.about-page h1 {
    font-size: 22px;
    line-height: 1;
    font-weight: 300;
    text-align: left;
    text-transform: uppercase;
}

.about-page h2 {
    font-size: 30px;
    margin: 0px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.5;
}

.about-page {
    margin-top: 70px;
    margin-bottom: 0px;
}

.section-team-d h1, .section-team-d h2, .section-team-d h3, .section-team-d p {
    color: #fff;
}

.team-page h2 {
    font-size: 30px;
    line-height: 1.5;
    font-weight: 600;
    text-transform: uppercase;
}

.team-page h1 {
    font-size: 22px;
    margin: 0px;
    font-weight: 300;
    text-transform: uppercase;
}

.team-page {
    margin-top: 110px;
    margin-bottom: 0px;
}

.team-page-c {
    padding: 0px 0px 0px 0px;
}

.about-img-middle img {
    width: 55%;
    box-shadow: 1px 1px 9px rgba(0,0,0,0.5);
}

img.sm-img {
    position: absolute;
    left: 250px;
    width: 55%;
    bottom: -60px;
    box-shadow: 1px 1px 9px rgba(0,0,0,0.5);
}

.color-bg-top {
    /*background: #00adee;*/
    background-repeat: repeat !important;
}

h2.mission-txt {
    margin-top: 45px;
}

.color-bg-top h2, .color-bg-top p {
    color: #fff;
}

.about-img-middle-bg {
    height: 700px;
    background-size: cover;
    background-position: center center;
}

.about-page-para {
    text-align: left;
    padding: 88px 170px 0px 40px;
}

.about-page-history {
    padding: 90px 330px 90px 130px;
}

.about-page-para p {
    line-height: 2;
}

.img-two {
    width: 200px;
    position: absolute;
    left: -110px;
    top: 60px;
    z-index: -1;
    opacity: 0.5;
}

.statment-para {
    padding: 100px 0px 50px 0px;
}

.statment-para-2 {
    padding: 0px 0px 10px 0px;
}

.value-section {
    padding: 20px 0px 80px 0px;
}

.value-box {
    padding: 0px;
}

.value-box img {
    margin-bottom: 20px;
    width: 65px;
}

.value-box h3 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

img.vert-move-2 {
	transition: all 0.5s ease !important;
}

img.vert-move-2 {
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 2s infinite  alternate;
    
}

img.vert-move-2 {
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 2s infinite  alternate;
    /*transform: scale(1.01);*/
    /*animation: slide-down 0.7s;*/
    transition: all .4s ease;
}

@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.image__inner img {
    width: 500px;
}

.about-page-bottom {
    margin: 0px;
    padding-top: 100px;
}

.machine-section {
    padding-bottom: 100px;
}

/*--------------------------------------------------------------
## About page End
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Team page Start
--------------------------------------------------------------*/

.section-top-team {
    background: url('/wp-content/uploads/2020/10/texture-bg-2.png');
    background-repeat: repeat;
    background-size: cover;
}

.team-full-img {
    text-align: center;
}

.team-full-img img {
    width: 90%;
}

.section-team-d {
    background-repeat: repeat !important;
    height: 790px;
}

.img-t-1 p, .img-t-2 p, .img-t-3 p {
    margin: 0px;
    color: #fff;
    text-align: center;
}

.img-t-1 {
    padding: 70px 0px;
    width: 82%;
    margin: 0 auto;
}

p.t-name {
    font-weight: 500;
    font-size: 16px;
}

.img-t-1 img {
    width: 100%;
    border-radius: 50%;
    transition: all .9s ease;
    animation: slide-down 0.7s;
    margin-bottom: 20px;
}

.img-t-1 img:hover {
    /* transform: scale(1.08); */
    animation: slide-down 0.7s;
    transition: all .4s ease;
    border: 20px solid #ec2423;
}

.img-t-2 img:hover {
    /* transform: scale(1.08); */
    animation: slide-down 0.7s;
    transition: all .4s ease;
    border: 20px solid #fcb913;
}

.img-t-3 img:hover {
    /* transform: scale(1.08); */
    animation: slide-down 0.7s;
    transition: all .4s ease;
    border: 20px solid #312982;
}

/*--------------------------------------------------------------
## Team page End
--------------------------------------------------------------*/

.service-side {
    height: 700px;
}

.section-txt {
    padding: 70px 90px 0px 80px;
}

.section-txt-1 {
    padding: 80px 220px 0px 50px;
}

/*--------------------------------------------------------------
## Service page
--------------------------------------------------------------*/

.section-service {
    height: 700px;
    background: rgba(0,0,0,0.4);
    padding-top: 490px !important;
    padding-left: 80px;
    padding-right: 100px;
    transition: all .4s ease;
}

.section-service:hover {
    height: 700px;
    background: rgba(0,0,0,0.2);
    transition: all .4s ease;
}

.in-service h4 {
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.bg-service-section {
    padding-top: 4px;
}

.section-service h2 {
    color: #fff;
    font-size: 35px;
    font-weight: 200;
    text-transform: uppercase;
}

.section-service p {
    color: #fff;
}

.border-right-ser {
    border-right: 2px solid #fff;
}

.border-left-ser {
    border-left: 2px solid #fff;
}

/*************************/

.grid {
  background: transparent;
  margin-right: 30px;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 33.333%;
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
  padding: 10px;
}

.grid-item-img {
    margin-top: 20px;
}

/* .sp-txt h4, .sp-txt p {
    color: #fff;
} */

/*--------------------------------------------------------------
## Service page End
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## INSPIRATION page End
--------------------------------------------------------------*/

.tabs-sec .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a {
    margin-bottom: 40px;
}

.tabs-sec .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active>a {
    background-color: #312982;
    color: #fff;
}

.tabs-sec .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a {
    background-color: #afafaf;
    color: #fff;
}

.tabs-sec .vc_tta.vc_tta-spacing-1 .vc_tta-tab {
    margin-left: 0px !important;
    margin-right: 30px;
}

.tabs-sec .vc_tta-color-white.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
    padding: 0px;
}

.tabs-sec img {
    border-radius: 2px;
}

.tabs-sec img:hover {
    opacity: 0.8;
}

/*--------------------------------------------------------------
## INSPIRATION page End
--------------------------------------------------------------*/

.g-bg-one {
    height: 700px;
    background-size: cover !important;
}

.g-bg-two {
    height: 700px;
    background-repeat: repeat !important;
    /*background-size: cover !important;*/
    z-index: -1;
}

img.g-bg-img {
    width: 175px;
    position: absolute;
    top: 18%;
    right: 0px;
    opacity: 1;
    z-index: -1;
}

img.g-bg-img-2 {
    width: 200px;
    position: absolute;
    top: 53%;
    right: 0;
    opacity: 1 !important;
    left: 0;
    clear: both;
    margin: 0 420px;
    z-index: -1;
}

.page-id-22 img.g-bg-img {
    width: 300px;
    position: absolute;
    top: 6%;
    right: 0px;
    opacity: 1;
    z-index: -1;
}

.page-id-22 img.g-bg-img-2 {
    width: 200px;
    position: absolute;
    top: 53%;
    right: 0px;
    left: 0px;
    clear: both;
    z-index: -1;
    opacity: 1 !important;
    margin: 0px 20px;
}

img.g-bgl-img {
    width: 100px;
    position: absolute;
    top: 18%;
    left: 0px;
    opacity: 0.5 !important;
    z-index: -1;
}

img.g-bgl-img-2 {
    width: 200px;
    position: absolute;
    top: 57%;
    right: 0;
    opacity: 0.5;
    left: 0;
    clear: both;
    margin: 0 auto;
    z-index: -1;
}

.g-sec-spc {
    margin-bottom: 0px;
}

/*******up down animation*********/

img.vert-move {
	transition: all 0.5s ease !important;
}

img.vert-move-2 {
	transition: all 0.5s ease !important;
}

img.vert-move {
    -webkit-animation: mover 3s infinite  alternate;
    animation: mover 3s infinite  alternate;
    transition: all 0.5s ease !important;
    
}
img.vert-move {
    -webkit-animation: mover 3s infinite  alternate;
    animation: mover 3s infinite  alternate;
    transition: all 0.5s ease !important;
    
}

img.vert-move-2 {
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 2s infinite  alternate;
    
}
img.vert-move-2 {
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 2s infinite  alternate;
    /*transform: scale(1.01);*/
    /*animation: slide-down 0.7s;*/
    transition: all .4s ease;
}

@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

/************************************************************/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
#loader-img {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 200px;
    margin: -100px 0 0 -100px;
    z-index: 1001;  
    background-image: url('/wp-content/uploads/2020/10/GTC-Xpress-Logo.png');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    z-index: 1020;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    width: 200px;
    height: 200px;
    margin: -100px 0 0 -100px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ec2423;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 1001;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: rgba(128, 10, 155, 1);
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: rgba(244, 139, 16, 1);
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;  
    background: rgba(255, 255, 255, 0.8);
    z-index: 1000;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.loader-section.section-left {
    left: 0
}

.loader-section.section-right {
    right: 0
}

.panel_left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .7s .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all .7s .3s cubic-bezier(0.645, 0.045, 0.355, 1.000)
}

.panel_right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all .7s .3s cubic-bezier(0.645, 0.045, 0.355, 1.000)
}

.loaded-circle {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.loaded-img {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .3s 1s ease-out;
    transition: all .3s 1s ease-out
}

/*--------------------------------------------------------------
## FAQ page
--------------------------------------------------------------*/

.faq-sec .vc_toggle_title>h4 {
    display: inline;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
}

.faq-sec .vc_toggle_title {
    padding-left: 50px;
}

.faq-sec .vc_toggle {
    display: block;
    margin: 0 0 21.73913043px 0 !important;
    padding: 0;
    font-size: 1em;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}

p.faq-spc {
    margin-bottom: 70px;
}

.faq-sec {
    padding: 70px 0px;
}

/*--------------------------------------------------------------
## FAQ page End
--------------------------------------------------------------*/

.top-banner {
    background-size: cover !important;
    background-position: center !important;
}

.top-banner-2 {
    height: 700px;
    background-size: cover !important;
    background-position: center !important;
}

.g-bg-one-1 {
    padding: 0px;
}

.statsbar {
    text-align: center;
    padding: 100px 0px;
    color: #fff;
}

.stat-title {
    padding: 0px 20px;
}

.contact-section-bg {
    padding-top: 0px;
    padding-bottom: 70px;
}

.img-img img {
    width: 70px;
    margin-bottom: 20px;
}

.stat-number {
    font-size: 60px;
    font-weight: 600;
    display: inline-block;
}

.plustxt {
    display: inline-block;
    font-size: 60px;
}

.stat-one, .stat-two, .stat-three, .stat-four {
    border: 0px solid #fff;
    padding: 20px;
    height: 300px;
}

.page-id-30 .contactus label {
    color: #000;
}

.detail-list h4 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.page-id-30 .detail-list p, .page-id-30 .detail-list p a {
    color: #000;
}

.side-blog {
    top: 25%;
    position: relative;
    padding: 25px;
}

.post-section {
    padding-top: 40px;
}

/*****************************************************************/
/**404 page **/

.not-found {
    padding: 100px 0px;
    text-align: center;
}

.not-found h1 {
    font-weight: 700;
    font-size: 38px;
    text-transform: uppercase;
}

.not-found search.input {
    border: 1px solid #000;
    padding: 10px;
    width: 100%;
}

.ser-button a {
    background: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px;
    border: 1px solid #ec2423;
    color: #ec2423;
    padding: 12px 5px;
    transition: all .4s ease;
    width: 170px;
    display: inline-block;
    text-align: center;
    margin-bottom: 25px;
}

.ser-button a:hover {
    background: #ec2423;
    color: #fff;
    transition: all .4s ease;
}

.logo-sec-b {
    margin-top: 40px;
}

.btn-ins a {
    background: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    border: 1px;
    border: 1px solid #ec2423;
    color: #ec2423;
    padding: 10px 5px;
    transition: all .4s ease;
    width: 175px;
    display: inline-block;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 25px;
}

.btn-ins a:hover {
    background: #ec2423;
    color: #fff;
    transition: all .4s ease;
}

.social-m {
    display: flex;
}

.fa-facebook-f {
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 10px 13px;
    border-radius: 55px;
}

.fa-facebook-f:hover, .fa-instagram:hover {
    background: #9e9e9e;
    color: #000;
    transition: 0.4s;
}

.fa-instagram {
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 10px 11px;
    border-radius: 55px;
    margin-left: 10px;
}

#siteLoadingPopup .modal-content {
    background: rgb(255 255 255 / 0%);
    border: none;
    animation: fadeIn 0.8s ease;
}

#siteLoadingPopup .modal-body {
    padding: 0px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}





/* Media Queries */

@media only screen and (min-width: 1920px) {
    .g-txt-box {
        /*padding: 290px 150px;*/
        padding: 18% 28%;
    }

    #custom-bg {
        height: 500px;
        background-size: cover;
        background-position: center center;
    }

    .mobile-slider {
        display: none;
    }
    
    .banner-content {
        position: absolute;
        z-index: 999;
/*         height: 100%; */
		height: 80%;
        width: 50%;
        background: url(/wp-content/uploads/2020/10/banner-bg.jpg);
        padding: 9% 6%;
        margin: 0px;
    }
    
    .about-page-para {
        text-align: left;
        padding: 88px 170px 0px 330px;
    }
    
    .color-bg-2 {
        height: 600px;
    }
    
    .left-bg-bottom {
        height: 600px;
    }
}

@media only screen and (max-width: 1920px) {
    .g-txt-box {
        /*padding: 290px 150px;*/
        padding: 18% 28%;
    }

    #custom-bg {
        height: 500px;
        background-size: cover;
        background-position: center center;
    }
    
    .about-page-para {
        text-align: left;
        padding: 88px 170px 0px 330px;
    }
    
    .container {
        width: 1200px !important;
        max-width: 1270px !important;
    }
    
    .logo-company img {
        width: 100%;
    }
    
    .mobile-slider {
        display: none;
    }
    
    .color-bg {
        padding-bottom: 50px !important;
        padding: 20px 60px;
        height: 572px;
    }
    
    #testi {
        margin-top: 40px;
        padding: 0px 150px;
    }
    
    .wp-block-cover-image.has-background-dim, .wp-block-cover.has-background-dim {
        background-position: -500px center !important;
    }
    
    .banner-content {
        position: absolute;
        z-index: 999;
		height: 82%;
        height: 100%;
        width: 50%;
        padding: 9% 6%;
        margin: 0px;
    }
    
    .color-bg-2 {
        height: 600px;
    }
    
    .left-bg-bottom {
        height: 600px;
    }
}

@media only screen and (max-width: 1440px) {
    #custom-bg {
        height: 400px;
        background-size: cover;
        background-position: center center;
    }
    
    .banner-content {
        position: absolute;
        z-index: 999;
        height: 100%;
        width: 50%;
        padding: 5% 6%;
        margin: 0px;
    }
    
    .about-page-para {
        text-align: left;
        padding: 88px 170px 0px 150px;
    }
    
    .about-page-history {
        padding: 90px 60px 90px 60px;
    }
}

@media only screen and (max-width: 1366px) {
    .color-bg-2 {
        height: 500px;
    }
    
    .left-bg-bottom {
        height: 500px;
    }
    
    .about-page-history {
        padding: 90px 30px 90px 30px;
    }

    .g-txt-box {
        padding: 19% 28%;
    }
    .about-page-para {
        text-align: left;
        padding: 88px 170px 0px 40px;
    }

    .banner-content {
        position: absolute;
        z-index: 999;
        height: 100%;
        width: 50%;
        padding: 4% 6%;
        margin: 0px;
    }

    .wp-block-cover-image.has-background-dim, .wp-block-cover.has-background-dim {
        background-position: -350px center !important;
    }

    #testi {
        margin-top: 40px;
        padding: 0px 40px;
    }
  
    .color-bg {
        padding-bottom: 50px !important;
        padding: 0px 20px;
        height: 608px;
    }
    
    .logo-company img {
        width: 100%;
    }
}

@media only screen and (max-width: 1080px) {
    .section-team-d {
        height: 700px;
    }
    
    .img-t-2 {
        top: 300px;
        left: 230px;
    }
    
    .img-t-3 {
        top: 510px;
        left: 0px;
    }

    .desktop-slider {
        display: none;
    }
    
    .mobile-slider {
        display: block;
    }
    
    .container {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .banner-content {
        position: relative;
        z-index: 999;
        height: 370px;
        width: 100%;
        padding: 0% 6%;
    }
    
    button#responsive-menu-button {
        background: #464646cc !important;
        border-radius: 6px !important;
    }
    
    #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
        text-transform: uppercase !important;
    }
    
    #responsive-menu-container #responsive-menu-title #responsive-menu-title-image img {
        display: block !important;
        width: 150px !important;
        margin: 0 auto !important;
    }
    
    #responsive-menu-container #responsive-menu-title {
        background-color: #f1f1f1 !important;
    }
    
    #responsive-menu-container #responsive-menu-title:hover {
        background-color: #f1f1f1 !important;
    }
    
    #responsive-menu-container #responsive-menu-title #responsive-menu-title-image {
        display: block !important;
        text-align: center !important;
    }
    
    .about-page-para {
        text-align: left;
        padding: 88px 80px 0px 40px;
    }
    
    .color-bg {
        height: 800px;
    }
    
    .bg-1 {
        height: 405px;
    }
    
    a.btn-mid {
        margin-left: 0px; 
    }
}

@media only screen and (max-width: 800px) {
    
    .social-m {
        display: inline-flex;
        margin-bottom: 15px;
    }
    
    .card-body {
        padding: 20px 10px;
    }
    
    .color-bg {
        height: 590px;
    }
    
    .img-t-3 {
        top: 422px;
        left: 156px;
    }

    .bg-1 {
        height: 335px;
    }
    
    .color-bg-2 {
        height: 550px;
    }
    
    .wp-block-cover-image.has-background-dim, .wp-block-cover.has-background-dim {
        background-position: center center !important;
    }
    
    .about-page-para {
        text-align: left;
        padding: 88px 20px 80px 40px;
    }
    
    .team-page-c {
        padding: 0px 0px 0px 0px;
    }
    
    .section-team-d {
        background: #950cb2;
        height: 700px;
    }
    
    .tabs-sec .vc_tta.vc_tta-spacing-1 .vc_tta-tab {
        margin-left: 0px !important;
        margin-right: 10px;
    }
    
    .about-img-middle-bg {
        height: 550px;
    }
    
    img.g-bg-img-2 {
        margin: 0 40px;
    }
    
    .stat-number {
        font-size: 40px;
    }
    
    .h-a-bg {
        height: 550px;
    }

}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 580px;
    }
}

@media only screen and (max-width: 575px) {
    
    #custom-bg {
        height: 160px;
    }
    
    .blog-bg-bg {
        height: 160px;
    }
    
    .h-a-bg {
        height: 390px !important;
    }
    
    .top-banner-2 {
        height: 300px;
    }
    
    a.btn-mid {
        position: relative;
        top: 20px;
    }
    
    .stat-number {
        font-size: 50px;
    }
    
    .card-body {
        padding: 20px 20px;
    }
    
    .about-img-middle-bg {
        height: 500px;
    }
    
    .g-txt-box {
        /* padding: 290px 150px; */
        padding: 15% 2%;
    }
    
    img.g-bg-img {
        opacity: 0.3;
        z-index: -1;
    }
    
    img.g-bg-img-2 {
        opacity: 0.2 !important;
        margin: 0 auto;
    }

    .tabs-sec .vc_tta.vc_general .vc_tta-panel-title {
        background: #312982;
        color: #fff;
        margin-bottom: 10px;
    }
    
    .tabs-sec .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a {
        color: #fff;
    }
    
    .tabs-sec .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a {
        color: #dadada;
        font-size: 16px;
    }

    .img-t-1 {
        padding: 70px 0px;
        width: 100%;
        text-align: center;
    }
    
    .img-t-2 {
        position: relative;
        top: 0px;
        left: 0px;
        padding-bottom: 70px;
        text-align: center;
    }
    
    .img-t-3 {
        position: relative;
        top: 0px;
        left: 0px;
        text-align: center;
        padding: 0px;
    }
    
    .section-team-d {
        height: 100%;
        padding-bottom: 70px;
    }

    .value-box {
        text-align: center;
    }

    .about-page {
        text-align: center;
    }
    
    .value-section {
        text-align: center;
    }
    
    .machine-section {
        text-align: center;
    }
    
    .about-page-para {
        text-align: center;
        padding: 50px 0px;
    }
    
    .about-page-history {
        text-align: center;
    }
    
    .about-page-bottom {
        text-align: center;
    }
    
    .statment-para {
        padding: 30px 0px;
        text-align: center;
    }
    
    .statment-para-2 {
        padding: 20px 0px;
        text-align: center;
    }
    
    img.sm-img {
        left: 157px;
    }
    
    .about-page h1 {
        margin-top: 10px;
        text-align: center;
    }
    
    .section-sec-about {
        padding-top: 30px;
    }

    .blog-img {
        height: auto;
    }
    
    .blog-spce {
        text-align: center;
    }
    
    .detail-list {
        text-align: center;
    }
    
    #testi {
        padding: 0px 0px;
    }
    
    .bg-1 {
        height: 310px;
    }
    
    .logo-company img {
        width: 80%;
    }
    
    .left-bg-bottom {
        height: 550px;
    }
    
    ul.list-st {
        padding: 0px 0px 0px 66px;
        margin: 0px;
    }
    
    .main-navigation {
        text-align: center;
        padding: 0px 0px;
    }

    .second-section-header.sticky .main-navigation {
        text-align: center;
        padding: 0px;
    }

    .banner-content {
        position: relative;
        z-index: 999;
        height: 490px;
        width: 100%;
        background: url(/wp-content/uploads/2020/10/banner-bg.jpg);
        padding: 0px 0px;
        margin: 0px;
        text-align: center;
    }

    .btn-slider a {
        border: 1px solid #fff;
        color: #fff;
        padding: 10px 11px 10px 0px;
        margin: 10px;
        display: block;
        width: 100%;
        margin: 10px 0px;
    }
    
    .m-spc {
        margin-top: 40px;
    }
    
    .color-bg {
        height: auto;
    }

    .mob-hide {display: none;}

    .color-bg-2 {
        height: auto;
        padding-bottom: 80px;
    }

    .site-footer {
        text-align: center;
    }

    .footer-links-2 ul {
        column-count: 1;
    }

    p.dev-title {
        text-align: center;
    }

    .icon-content {
        text-align: center;
    }

    .color-bg {
        text-align: center;
    }

    ul.list-st {
        text-align: left;
    }
    
    img.spc-mob-b {
        margin-bottom: 0px;
        margin-top: 40px;
    }
    
    .color-bg {
        padding-bottom: 70px !important;
    }
    
    .h-a-bg {
        height: 500px;
    }
    
    .g-bg-two {
        height: 460px;
    }
    
    .client-ti h2 {
        padding-bottom: 20px;
    }
}


@media only screen and (max-width: 375px) {
    .banner-content {
        height: 490px;
    }
}