html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Montserrat', sans-serif;
    color: #262626;
    font-size: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

img {
    max-width: 100%;
}

section {
    margin-bottom: 30px;
}

.sub-title {
    margin-bottom: 40px;
}

.sub-title h2 {
    text-transform: capitalize;
    font-size: 40px;
}

.btn:hover {
    background-color: #034871;
    border-color: #034871;
    color: #fff !important;
}

.parallax-window {
    min-height: 100vh;
    height: 100vh;
    background: transparent;
    display: table;
    width: 100%;
}

/*Inner page css*/

@font-face {
    font-family: 'bodoni_antiquaregular';
    src: url('fonts/urw_-_bodoniant-reg-webfont.woff2') format('woff2'), url('fonts/urw_-_bodoniant-reg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'blissregular';
    src: url('../fonts/blissregular-webfont.woff2') format('woff2'), url('../fonts/blissregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.hero-banner-inner {
    min-height: 60vh;
    margin-bottom: 30px;
    height: 60vh;
    position: relative;
}

.hero-banner-inner::before {
    background: rgba(3, 101, 192, 0.5);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.page-heading {
    padding-bottom: 30px;
}

.page-heading h2 {
    font-family: 'bodoni_antiquaregular';
    font-size: 45px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 0;
}

.page-heading p,
.pra-text p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #545454;
}

.page-sub-heading {
    margin-bottom: 20px;
}

.page-sub-heading h3 {
    font-family: 'blissregular';
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 0;
    text-transform: uppercase;
}

.inner-page-list {
    margin: 0;
    padding: 0 0 0 20px;
}

.inner-page-list li {
    font-family: 'blissregular';
    color: #3c3c3c;
    list-style: none;
    list-style-type: square;
    padding-bottom: 20px;
}
.pra-text {
    padding-bottom: 10px;
}
/* .page-heading-line {
    width:100px;
    border-bottom: 1px dashed #262626;
    display: block;
    padding-top: 5px;
    margin-bottom: 20px;
} */

/*home page css*/

.hero-banner {
    position: relative;
}

.home.hero-banner::before {
    background: rgba(3, 101, 192, 0.5);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.caption {
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translate(0%, -50%);
}

.hero-banner .caption h1,
.hero-banner .caption p,
.hero-banner .caption a {
    color: #fff;
    font-size: 55px;
    font-weight: 600;
}

.hero-banner .caption p {
    color: #fff;
    font-size: 18px;
}

.hero-banner .caption a {
    color: #25a1ff;
    font-size: 18px;
}

/* side menu*/

.sidenav {
    height: 100%;
    width: 300px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: -300px;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 30px;
    z-index: 2;
}

.sidenav a {
    text-decoration: none;
    font-size: 18px;
    color: #818181;
    display: inline-block;
    text-transform: uppercase;
    color: #262626;
    padding: 15px 30px;
    font-weight: 500;
    /* border-bottom: 1px dashed #c3c3c3; */
}

.sidenav ul {
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

.sidenav ul li {
    list-style: none;
    position: relative;
    border-bottom: 1px dashed #c3c3c3;
}

.sidenav ul li:last-child {
    border: none;
}

.sidenav a:hover {
    color: #1da1f3;
}

.sidenav .closebtn {
    position: absolute;
    top: -10px;
    right: 10px;
    font-size: 45px;
    margin-left: 50px;
    border: none;
    padding: 0;
}

span.menu-btn {
    position: absolute;
    z-index: 1;
    left: 60px;
    top: 30px;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    color: #fff;
}

span.menu-btn i {
    font-size: 30px;
    vertical-align: text-bottom;
    color: #fff;
}

.about-text-home {
    border-left: 8px solid #2aa6e1;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 50px;
}

.twiter-news {
    border: 1px solid #eee;
    height: 430px;
    overflow-y: auto;
}

.twiter-news ul {
    margin: 0;
    padding: 0;
}

.twiter-news ul li {
    list-style: none;
    border-bottom: 2px solid #ffffff;
    padding: 15px 25px;
}

.twiter-news ul li a {
    color: #262626;
    font-weight: 500;
    text-transform: capitalize;
}
.what-we-do-img {
    position: relative;
}
.what-we-do-img::before,
.service-img::before{
    background: rgba(3, 101, 192, 0.5);
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
}
.twiter-news ul li a p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
}

.twiter-news ul li a span.date {
    font-size: 14px;
    color: #787878;
}

.twiter-news ul li span.twitter-heading {
    background-color: #1da1f2;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    padding: 5px 15px;
    display: inline-block;
    margin-right: 15px;
}

.twiter-news ul li i {
    color: #1da1f2;
    font-size: 24px;
    vertical-align: middle;
}

.twiter-news ul li:last-child {
    background-color: #2aa6e1;
    padding-top: 0;
    padding-bottom: 0;
}

.twiter-news ul li:last-child:hover {
    background-color: #034871;
}

.twiter-news ul li:last-child:hover a {
    text-decoration: none;
}

.twiter-news ul li:last-child a {
    color: #fff;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 600;
}

/*what we do*/

.light-gray {
    background-color: #fdfdfd;
    padding-top: 60px;
    padding-bottom: 60px;
}

.tabContent>div {
    display: none;
}

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

.tabHeader li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    margin: 0 20px;
}
.tabHeader li a{
    color:#212529;
}

.tabHeader li a:hover{
    color: #25a1ff;
    text-decoration: none;
}

.tab2 .tabHeader ul li img {
    cursor: pointer;
    position: relative;
    left: -7px;
}

.tabContent .active {
    display: block;
}

.tabContent .tabItem {
    background: #fff;
    padding: 40px;
    margin-bottom: 70px;
    box-shadow: 0 0 35px 0px #d3d3d3;
    border-radius: 10px;
}

.tabHeader li h3 {
    font-size: 20px;
    margin-top: 30px;
}

.tabContent .tabItem p {
    margin-bottom: 0;
    color: #656565;
}

.service-icon {
    width: 150px;
    height: 150px;
    border: 8px solid;
    line-height: 150px;
    margin: 0 auto;
    border-radius: 50%;
}

.tab-data {
    display: none;
}

.bottom-slider .carousel-control-prev i,
.bottom-slider .carousel-control-next i {
    color: #000;
    font-size: 20px;
    background: #fff;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    font-weight: 600;
}

.bottom-slider .carousel-indicators li {
    height: 15px;
    width: 15px;
    border-radius: 100%;
}

.bottom-slider .carousel-indicators li.active {
    background-color: #fba33c;
}

.bottom-slider .carousel-indicators {
    justify-content: flex-end;
}

.bottom-slider .carousel-control-next i {
    margin-right: 40px;
}

.view-product {
    background: url(../img/gallery.jpg) no-repeat center center / cover;
    -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
    min-height: 435px;
    position: relative;
    left: -50px;
    text-align: center;
}

.view-product a.btn {
    border: 2px solid #262626;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    color: #262626;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 18px;
    width: 200px;
    margin-top: 30px;
    border-radius: 0;
}

.view-product a.btn:hover {
    background-color: #2aa6e1;
    color: #fff;
    border-color: #fff;
}

.map iframe {
    width: 100%;
    height: 400px;
}

.address-icon {
    background-color: #2aa6e1;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    margin-bottom: 30px;
}

.address-text p,
.contact-bottom-text p {
    font-size: 16px;
    font-weight: 500;
}

.map {
    background: #fdfdfd;
}

.address-bar {
    background-color: #fdfdfd;
    padding: 50px 20px;
    height: 100%;
}

.get-with-touch-inner {
    background: #2aa6e1;
    height: 80px;
    line-height: 80px;
    padding: 0 30px;
    border-radius: 4px;
}

.get-with-touch-inner p {
    margin-bottom: 0;
    color: #fff;
    font-weight: 500;
}

.reach-contact {
    text-align: right;
}

.reach-contact a {
    font-weight: 700;
    color: #2aa6e1;
}

.reach-contact a:hover {
    background-color: #034871;
    color: #fff;
    border-color: #034871;
}

/*contact us*/

.contact-form {
    width: 660px;
    margin: 0 auto;
}

.contact-form label {
    font-family: 'blissregular';
    font-size: 16px;
    text-transform: capitalize;
}

.contact-form input,
.contact-form textarea {
    background-color: #f2f2f2;
    height: 45px;
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.contact-form textarea {
    min-height: 120px;
}

.contact-form input[type="submit"] {
    background-color: #1da1f2;
    width: 150px;
    height: 50px;
    border-radius: 6px;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
}

/*events*/

.Twitter-news-box {
    background-color: #f9f9f9;
    padding: 20px;
    margin-bottom: 30px;
}

.news-text h3,
.news-text p,
.news-time span {
    font-family: 'blissregular';
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
}

.news-text p,
.news-time span {
    font-size: 16px;
    text-transform: inherit;
}

.news-text img {
    vertical-align: bottom;
    margin-right: 10px;
}

.news-time {
    text-align: right;
    margin-top: 0;
}

.news-images {
    height: 100%;
}

.news-images img {
    height: 100%;
}

/*services*/

.service-container {
    margin-bottom: 60px;
}

.service-img {
    margin-bottom: 20px;
        position: relative;
}

.services-inner .service-container .page-sub-heading h3 {
    color: #034871;
    border-bottom: 1px dashed #545454;
    padding-bottom: 5px;
    display: inline-block;
    padding-right: 15px;
}

.services-inner .service-container p {
    font-family: 'blissregular';
    font-size: 16px;
    text-align: justify;
    color: #545454;
}

.news-text a {
    display: block;
    width: 100%;
}

.news-text p br {
    display: none;
}

/*footer*/

.footer {
    background-color: #303030;
    padding-bottom: 20px;
    padding-top: 60px;
}

.footer .footer-inner h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    color: #eaeaea;
    font-weight: 500;
    margin-bottom: 30px;
}

.footer .footer-inner ul {
    margin: 0;
    padding: 0;
}

.footer .footer-inner ul li {
    padding-bottom: 5px;
    list-style: none;
}

.footer .footer-inner ul li a {
    color: #eaeaea;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
}

.footer .footer-inner ul li a:hover {
    text-decoration: none;
    color: #2aa6e1;
}

.subscriber-form input {
    border-radius: 2px 0 0 2px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
}

.subscriber-form input::placeholder {
    color: #969696;
}

.subscriber-form button.btn {
    background-color: #2aa6e1;
    border-radius: 0;
    height: 40px;
}

.subscriber-form button.btn i {
    color: #fff;
    font-size: 22px;
    vertical-align: middle;
}

.footer .footer-inner .social-media {
    margin-top: 20px;
}

.footer .footer-inner .social-media a {
    color: #fff;
    font-size: 22px;
    margin-right: 10px;
}

.footer .footer-inner .social-media a:hover {
    text-decoration: none;
}

.copy-right {
    border-top: 6px solid #3d3d3d;
    margin-top: 30px;
    padding-top: 30px;
}

.company-policy ul {
    margin: 0;
    padding: 0;
    text-align: right;
}

.company-policy ul li {
    display: inline-block;
}

.company-policy ul li a {
    color: #eaeaea;
    font-size: 15px;
}

.copy-right .copy-right-text {
    color: #eaeaea;
    margin-bottom: 0;
    font-size: 15px;
}

.tabSwitch {
    display: none;
}

.circle-border {
    border: 7px solid #333;
    border-radius: 100%;
    height: 160px;
    width: 160px;
    text-align: center;
    line-height: 160px;
    margin: 0 auto;
}

.circle {
    width: 160px;
    height: 160px;
    border-radius: 100%;
    position: relative;
}

.circle::before,
.circle::after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.circle:hover {
    color: yellow;
}

.circle::before,
.circle::after {
    top: -7px;
    left: -7px;
}

.circle::before {
    border: 7px solid transparent;
}

.circle:hover::before {
    border-top-color: #2aa6e1;
    border-right-color: #2aa6e1;
    border-bottom-color: #2aa6e1;
    transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}

.circle::after {
    border: 0 solid transparent;
}

.circle:hover::after {
    border-top: 7px solid #2aa6e1;
    border-left-width: 7px;
    border-right-width: 7px;
    transform: rotate(270deg);
    transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}

.what-we-do-container h3,
.petrol-container h3 {
    font-family: 'blissregular';
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 500;
}

.shiping-container h3 {
    font-family: 'blissregular';
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 500;
}

.shiping-container ul {
    margin: 0;
    padding: 0 0 0 20px;
}

.shiping-container ul li {
    font-family: 'blissregular';
    font-size: 16px;
    text-align: justify;
    padding-bottom: 15px;
    list-style-type: square;
}

.light-gray-bg .petrol-container {
    background: #fdfdfd;
    height: 100%;
    /* margin-bottom: 30px; */
}

.petrol-container h3,
.petrol-container .pra-text {
    padding: 0 15px;
}

.sidenav ul li .sub-menu {
    padding: 12px 0 0 0;
    background: #eee;
    margin: 0;
}

.sidenav ul li .sub-menu a {
    font-size: 14px;
    border-bottom: none;
    padding-top: 0;
    padding-bottom: 6px;
    padding-left: 50px;
}

.sidenav ul li .sub-menu li {
    border: none;
}

.sidenav ul li span.subicon{
    background: url(../img/select_arrow.png) no-repeat center;
    height: 40px;
    width: 40px;
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: center;
    cursor: pointer;
}


.sidenav ul li span.subicon:hover{
    background: url(../img/select_arrow-hvr.png) no-repeat center;
}

.sidenav ul li span.subicon.current{
    background: url(../img/arrow-up.png) no-repeat center;
}
#agricultureMenu li{
    padding-left: 20px;
    position: relative;
}
#agricultureMenu li:before{
    position: absolute;
    content:"-";
    left:0;
    top:0px;
    color: #000;
}
.sidenav ul li .sub-menu #agricultureMenu a {
	padding-left: 0;
}
#agricultureMenu {
	padding-left: 50px;
	margin-top: 5px;
	padding-bottom: 10px;
}
/** twitter news **/

.twiter-news li.timeline-TweetList-tweet {
    background-color: red !important;
}

/*custom scroll bar */

.twiter-news::-webkit-scrollbar {
    width: 8px;
}

/* Track */

.twiter-news::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */

.twiter-news::-webkit-scrollbar-thumb {
    background: #2aa6e1;
    border-radius: 15px;
}

/* Handle on hover */

.twiter-news::-webkit-scrollbar-thumb:hover {
    background: #333;
}

.trading-images {
    position: relative;
}

.trading-images:before {
    background: rgba(3, 101, 192, 0.4);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.trading-images h3 {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-weight: 500;
    font-size: 22px;
    font-family: 'bodoni_antiquaregular';
}


/*petrograz greehouse css*/

	.countries-list{
    	display: flex;
    	flex-wrap: wrap;
    	padding-left: 0;
    	margin-top: 30px;
    }
    .countries-list li {
    	width: 33.33%;
    	padding-right: 10%;
    	list-style: none;
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	margin-bottom:15px;
    }
    .countries-list img {
    	width: 85px;
    	height: 50px;
    }
    .stacked-list {
    	display: flex;
    	margin-bottom: 30px;
    	margin-top:20px;
    }
    .stack-bottom {
    	text-align: center;
    }
    .stack-top {
    	text-align: center;
    }
    .stack-list{
    	padding-left: 15px;
    	list-style: none;
    	text-align: left;
        margin-bottom:0;
    }
    .stacked-list .stack {
    	width: 33.33%;
    }
    .stacked-list img {
    	height: 100%;
    	width: 100%;
    	object-fit: cover;
    }
    #section1, #section2, #section3{
        margin-bottom:10px;
    }
    #section2 h3, #section3 h3{
        font-family: 'bodoni_antiquaregular';
    }
    .stack-list li {
    	margin-bottom: 5px;
    	list-style: circle;
    }
    #accordionAgri .btn {
    	border: none;
    	margin-bottom: 10px;
    	border-radius: 0;
        font-size: 18px;
        font-weight: 500;
        padding: 10px 20px;
    	box-shadow:none;
    	border-color: #2aa6e1;
    	background-color: #2aa6e1;
    	position: relative;
    	color: #fff;
    }
    #accordionAgri{
        padding-bottom:40px;
    }

    #accordionAgri .btn:hover, #accordionAgri .btn:focus{
    	background-color: #2aa6e1;
    	box-shadow:none;
    	color: #fff;
    	border-color: #2aa6e1;
    }
    #accordionAgri .btn[aria-expanded="false"] {
    	background-color: #ddd;
    	box-shadow: none;
    	color: #000;
    	border-color: #ddd;
    }
    #accordionAgri .btn[aria-expanded="false"]:hover, #accordionAgri .btn[aria-expanded="false"]:focus{
        	background-color: #2aa6e1;
    	box-shadow:none;
    	color: #fff;
    	border-color: #2aa6e1;
    }
    #accordionAgri .btn:after{
        position: absolute;
        right: 20px;
        top: 0px;
        font-weight: 600;
        font-size: 32px;
        font-weight: 600;
    }
    #accordionAgri .btn[aria-expanded="true"]:after{
         content:"-";
          color: #fff;
    }
     #accordionAgri .btn[aria-expanded="false"]:after{
         content:"+"
     }
     #accordionAgri #collapseOne, #accordionAgri #collapseTwo, #accordionAgri #collapseThree{
    	padding: 20px;
    }
    .breadcrumb-nav {
      background: #f8f8f8;
      margin-top: -30px;
      margin-bottom: 30px;
    }
    .breadcrumb-nav .breadcrumb{
        background:transparent;
        padding-left:0;
    }
    .service-next {
    	float: right;
    }

    @media screen and (max-width:991px){
        .countries-list li span {
        	font-size: 14px;
        }
        .countries-list img {
        	width: 60px;
        	height: 35px;
        }
        .stack-top h4 {
        	font-size: 18px;
        }
        .stack-list li {
        	font-size: 14px;
        }
    }
    @media screen and (max-width:768px){
        .countries-list li{
            padding-right:5%;
        }
    }
     @media screen and (max-width:576px){
        .countries-list li{
            width:50%;
        }
        .stacked-list {
        	display: flex;
        	flex-wrap: wrap;
        }
        .countries-list img {
        	width: 40px;
        	height: 24px;
        }
        .stacked-list .stack {
        	width: 100%;
        	display: flex;
        	flex-direction: row;
        }
        .stack-top, .stack-bottom{ 
            width: 100%;
        }
    }


@media screen and (max-width: 992px) {
    .footer-inner {
        margin-bottom: 30px;
    }
    .home-hero-banner .caption h1 {
        font-size: 40px;
    }
    .home-hero-banner .caption p {
        font-size: 16px;
    }
    .home-hero-banner .caption p br {
        display: none;
    }
    .caption {
        left: 20px;
        padding-right: 30px;
    }
    span.menu-btn {
        left: 20px;
    }
    .about-text-home {
        padding-left: 20px;
    }
    .twiter-news {
        margin-top: 40px;
    }
    .tabHeader li {
        margin: 0 15px 30px 15px;
    }
    .tabHeader li h3 {
        font-size: 18px;
    }
    section {
        margin-bottom: 40px;
    }
    .view-product {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        left: 0;
        margin-top: 30px;
    }
    .bottom-slider .col-lg-7.pr-0 {
        padding-right: 15px !important;
    }
    .bottom-slider .col-lg-5.pl-0 {
        padding-left: 15px !important;
    }
    .bottom-slider .carousel-control-next i {
        margin-right: 0px;
    }
    .news-images img {
        height: auto;
    }
}

@media screen and (max-width: 768px) {
    .subscriber-form input {
        width: 180px !important;
    }
    .copy-right-text p,
    .company-policy ul {
        text-align: center;
    }
    .bottom-contact-us .col-md-5.pr-0 {
        padding-right: 15px !important;
    }
    .bottom-contact-us .col-md-7.pl-0 {
        padding-left: 15px !important;
    }
    .map {
        background: #fdfdfd;
        margin-top: 40px;
    }
    .logo {
        width: 100px;
    }
    .sub-title h2 {
        font-size: 28px;
    }
    .sub-title {
        margin-bottom: 20px;
    }
    p {
        font-size: 16px;
    }
    .tabContent .tabItem {
        padding: 20px;
        margin-top: 20px;
    }
    .tab-icon {
        margin-bottom: 20px;
    }
    .light-gray .sub-title h2 {
        text-align: center;
    }
    .view-product {
        min-height: 340px;
    }
    .map iframe {
        width: 100%;
        height: 300px;
    }
    .get-with-touch-inner {
        height: auto;
        line-height: normal;
        padding: 20px;
    }
    .get-with-touch-inner p {
        margin-bottom: 10px;
        text-align: center;
    }
    .reach-contact {
        text-align: center;
    }
    .page-heading h2 {
        font-size: 30px;
    }
    .page-sub-heading h3 {
        font-size: 24px;
    }
    .contact-form {
        width: 100%;
        margin: 0 auto;
    }
    .news-images {
        text-align: center;
        margin-bottom: 30px;
    }
    .news-text p {
        text-align: justify;
    }
    .news-text img {
        vertical-align: middle;
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .hero-banner .caption h1 {
        font-size: 30px;
    }
    .hero-banner .caption p {
        font-size: 16px;
    }
    .hero-banner .caption p br {
        display: none;
    }
    .service-container {
        margin-bottom: 30px;
    }
    #accordionAgri #collapseOne, #accordionAgri #collapseTwo, #accordionAgri #collapseThree {
    	padding: 10px 0;
    }
}

@media screen and (max-width: 575px) {
    .subscriber-form input {
        width: 70% !important;
    }
    .home-hero-banner .caption h1 {
        font-size: 20px;
    }
    .home-hero-banner .caption p {
        font-size: 14px;
    }
    .home-hero-banner .caption a {
        color: #25a1ff;
        font-size: 16px;
        margin-top: 10px !important;
    }
    .circle-border {
        margin: 0 auto;
    }
    .bottom-contact-us .col-sm-2 {
        float: left;
        margin-right: 10px;
        width: 50px;
    }
    .bottom-contact-us .col-sm-10 {
        float: left;
        width: 77%;
    }
    .caption {
        top: 55%;
    }
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }
    .sidenav a {
        font-size: 18px;
    }
}

.hello-box {
    position: absolute;
    top: -270px;
    left: -110px;
    width: 800px;
    display: none;
}

.box-hello-parent {
    position: relative;
}

.box-hello-parent:hover .hello-box {
    display: block;
}