@media screen and (max-width: 480px) {
	.content-txt h1 {margin-top: 0%;margin-left: 10px;}
	.legend {border-left:2200px solid rgba(52, 73, 94, .7);}
	.content-txt h2 {margin-left: 10px;}
	.switch {display:none;}
	.text-block{text-align:left;padding-left: 10px;}
	.text-block1 {text-align:left;padding-left: 10px;}	
	

}
@media (min-width: 481px) and (max-width: 767px) {
	.content-txt h1 {margin-top: 0%;margin-left: 10px;}
	.legend {border-left:3500px solid rgba(52, 73, 94, .7);}
	.content-txt h2 {margin-left: 10px;}
	.switch {display:none;}
	.text-block{text-align:left;padding-left: 10px;}
	.text-block1 {text-align:left;padding-left: 10px;}	
        .fa.fa-chevron-left, .fa.fa-chevron-right {font-size:20px !important;}
        .col-md-12.petrol_bunk_content{display:flex;flex-direction:column;}
        .col-md-4.petrol_bunk_video{margin-top:1%;}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.text-block{text-align:left;padding-left:10px;}
	#banner {min-height: 0;padding:5em 0em 0em 0em;}
	.text-block1 {text-align:left;padding-left: 10px;}	

}
 @media (max-width: 768px){
	.betrol-bunk-side-img img {
        max-width: 100% !important;
      }
 }

@media (min-width: 1025px) and (max-width: 1899px) {
.text-block{text-align:left;padding-left: 10px;}
.text-block1 {text-align:left;padding-left: 10px;}	
#banner {padding: 4em 0em 0em 0em;}	
.col-md-4.petrol_bunk_video{width:40% !important;}
}

@media (min-width: 320px) and (max-width: 480px) {
.cmd-btn{display:none;}
#banner {padding: 6em 0em 0em 0em;}
.text-block {top: 55%!important;}
.mobile-space1 {margin: 0em 0em 0em 0em !important;}
.mobile-space { margin: 0em 0em 1em 0em!important;}
.header-space{margin-bottom: 0em!important;}
.align-text{text-align:justify;}
.flex.flex-2 .col.col1{margin-bottom: 0em;}
.fa.fa-chevron-left, .fa.fa-chevron-right {font-size:16px !important;}
.col-md-12.petrol_bunk_content{display:flex;flex-direction:column;}
.col-md-4.petrol_bunk_video{margin-top:1%;}
}
@media (min-width: 200px) and (max-width: 319px) {
.col-md-12.petrol_bunk_content{
	display:flex;
    flex-direction:column;
}
}
@media (min-width: 1900px) and (max-width:2200px) {
#banner { margin-top: 3%;}	
.col-md-4.petrol_bunk_video{width:37% !important;}
}
@media only screen and (min-width:2560px) { 
.text-block{text-align:left;padding-left: 10px;top: 87.6%;}
.heade_bottom {margin-top: -20.9px;}
#banner { margin-top: 2%;}
.footer-width {
    width: 26em;
}
/*#header {height: 4em;line-height: 5em;}	
#header > .logo {left: 0.25em;top: 9px;}
#header > a {padding: 0em 0.6em 1em 1em;}
#banner {padding: 3em 0em 0em 0em;}*/					
}