@charset "utf-8";
/* CSS Document */


@media screen and (max-width:1610px) {
body{ overflow-x:hidden;}
}

@media screen and (max-width:1200px) {
.main-wrapper{ max-width:100%;}
.section-inner-left > img{ width:100%;}
ul.time-line li p br{ display:none;}
}

@media screen and (max-width:1100px) {
.texaco-content{ left:90px;}
.banner-txt{padding: 0 50px;}
}

@media screen and (max-width:1024px) {
.home-txt, .our-offring, .history{padding: 86px 40px;}
.section-inner-right{ padding-top:25px;}
h1{ margin-bottom:30px;}
.texaco-content{ width:100%; padding:20px; left:0;}
.texaco-content-left{ width:21%;}
.texaco-content-right{ width:79%;}
.banner-txt{ font-size:45px;}
.current-year .time-line-left h3:after{ right: -11.6%;}
.time-line-left h3:after{right: -11.9%;}
.time-line-right h3:after{left: -11.9%;}
}

@media screen and (max-width:1000px) {
.home-txt, .our-offring, .history{ font-size:17px;  padding: 50px 40px;}
ul.home-blog li{ width:100%; padding-bottom:15px;}
.our-offring-txt p{ font-size:16px;}
ul.category{ padding-top:30px;}
.texaco-content-right p, .link{ font-size:14px;}
.section-inner-left{ position:relative; width:100%;}
.section-inner-right{ padding-left:28px;}
}


@media screen and (max-width:768px) {
.time-line-left h3:after, .time-line-right h3:after, .current-year .time-line-left h3:after{ right: -13%;}
.time-line-right h3:after{ left:-13%;}
.respons-scroll{height: 752px;width: 100%;}
.section-menu-main {height: 100%;overflow-y: scroll; padding-left: 76px; padding-top: 19px; width: 100%;}
.section-inner-left{ width:100%;}
.section-inner-right{ width:100%;}
h1 { margin-bottom: 24px; font-size:24px;}
h2{ font-size:18px;}
p{ font-size:13px;}
.blue-txt{ padding-left:0;}
h3{ font-size:20px;}
.texaco-content{ top:0;}
.blue-txt{ font-size:15px; padding-bottom:30px;}
ul.time-line li p{ font-size:13px;}
}

@media screen and (max-width:640px) {
.history{ padding:20px;}
.time-line-left, .time-line-right{ width:45%;}
.time-line-right:after{ left:-12%;}
.time-line-right h3:after{ left:-18%;}
.time-line-left h3:after, .current-year .time-line-left h3:after{ right:-17%;}
.banner-txt{ padding:0 20px; font-size:33px; line-height:40px; top:15px;}
}

@media screen and (max-width:568px) {
.time-line-left h3:after, .current-year .time-line-left h3:after{ right:-17.5%;}
.our-offring{ padding:27px 20px;}
.our-offring-txt p{ font-size:15px; line-height:26px;}
.home-txt{ padding:10px; font-size:12px; line-height:30px;}
ul.home-blog li{ font-size:13px;}
.section-menu-icon{ width:60px;}
.section-right{ padding-left:60px;}
.left-distance{ margin-left:260px;}
.menu-distance .section-menu-icon{ left:260px;}
.section-menu{ width:260px;}
.section-menu-main{ padding-left:60px;}
ul.language-selection li a, ul.menu li a{ font-size:12px;}
ul.menu{ margin-top:15px;}
.address{ padding-top:15px;}
.txt-big p{ font-size:15px;}
.texaco-content-right p{ line-height:20px;}
ul.category li{ width:100%; padding:15px;}
.texaco-content-left{ width:100%;}
.texaco-content-right{ width:100%; padding-top:10px; padding-left:0;}
.texaco-content{ position:static;}
}

@media screen and (max-width:480px) {
.time-line-left, .time-line-right{ width:44%;}
.time-line-right:after{ left:-14%;}
.time-line-right h3:after{ left:-22%;}
.time-line-left h3:after, .current-year .time-line-left h3:after{ right:-22%;}
.banner-txt {font-size: 23px;line-height: 30px;}
}

@media screen and (max-width:320px) {
	.banner-txt { font-size: 16px; line-height: 23px;}
.time-line-left, .time-line-right{ width:39%;}
.time-line-right:after{ left:-21%;}
.time-line-right h3:after{ left:-45%;}
.time-line-left h3:after, .current-year .time-line-left h3:after{ right:-23%;}
.time-line-right, .time-line-left{ min-height:inherit;}
.time-line-left h3:after, .current-year .time-line-left h3:after{ right:-45%;}
h3{ font-size:13px;}
ul.time-line li p{ font-size:11px;}
}