@media (min-width: 1440px) {
.container {max-width: 1300px;}
}

@media (min-width:1200px) and (max-width:1439px) {
.mainmenu ul li a { padding: 0 30px;}	
.contentSlder p {font-size: 17px;}
.imgdivdetails {top: 65px;}
.pBox h4 {font-size: 46px;}
}

@media (min-width:992px) and (max-width:1199px) {
.logocol img{ display:block; width:100%;}
.mainmenu ul li a { padding: 0 20px;}	
.contentSlder p {font-size: 16px;}
.imgdivdetails {top: 65px;}
.pBox h4 {font-size: 40px;}
.parallaxSection{ padding:90px 0;}
.greensection p{ font-size:26px;}
.pBox a{ font-size:30px; line-height: 52px; width: 250px;}
.toptitle h3 {font-size: 38px;margin: 22px 0;}
.box p {font-size: 15px; margin: 0 0 25px;}
}

@media (min-width:768px) and (max-width:991px) {
.mainmenu{ display:none;}
.toptitle {text-align: center;}
.toptitle h3{margin: 24px 0 0;}
.contentSlder h2 {color: #0e539f;font-size: 30px;}
.contentSlder p {font-size: 16px;}
.imgcol{ width:100%;}
.imgcol img{ display:block; margin:0 auto; width:100%;}
.imgdivdetails {width: 100%;background:  #fff;position: relative;padding: 25px 0 0;text-align: left;top: 0;right: 0;z-index: 9999;clear: both;}
.box {margin: 0 0 35px;}
.boxsection{ padding:45px 0 10px;}
.pBox h4{ font-size:38px;}
.pBox a {width: 240px;line-height: 50px;border: 2px solid #fff;}
.parallaxSection{ padding:90px 0;}
.greensection p{ font-size:26px;}
.footcol a{ margin:0 auto 25px;}
.footcolrt ul {margin: 20px auto 0;padding: 0;float: none;width: 98px;}
}

@media (min-width:481px) and (max-width:767px) {
.mainmenu{ display:none;}
.toptitle {text-align: center;}
.toptitle h3{margin: 24px 0 0; font-size: 32px;}
.contentSlder h2 {color: #0e539f;font-size: 30px;}
.contentSlder p {font-size: 16px;}
.imgcol{ width:100%;}
.imgcol img{ display:block; margin:0 auto; width:100%;}
.imgdivdetails {width: 100%;background:  #fff;position: relative;padding: 25px 0 0;text-align: left;top: 0;right: 0;z-index: 9999;clear: both;}
.box {margin: 0 0 35px;}
.boxsection{ padding:45px 0 10px;}
.pBox h4{ font-size:29px;}
.pBox a {width: 180px;line-height: 46px;border: 2px solid #fff; font-size: 21px;}
.parallaxSection{ padding:50px 0;}
.greensection p{ font-size:26px;}
.footcol a{ margin:0 auto 25px;}
.footcolrt ul {margin: 20px auto 0;padding: 0;float: none;width: 98px;}
.pBox {padding: 20px 20px 35px;}
.logocol img{ width:350px;}
}

@media (min-width:320px) and (max-width:480px) {
.mainmenu{ display:none;}
.toptitle {text-align: center;}
.toptitle h3{margin: 24px 0 0; font-size: 32px;}
.contentSlder h2 {color: #0e539f;font-size: 30px;}
.contentSlder p {font-size: 16px;}
.imgcol{ width:100%;}
.imgcol img{ display:block; margin:0 auto; width:100%;}
.imgdivdetails {width: 100%;background:  #fff;position: relative;padding: 25px 0 0;text-align: left;top: 0;right: 0;z-index: 9999;clear: both;}
.box {margin: 0 0 35px;}
.boxsection{ padding:45px 0 10px;}
.pBox h4{ font-size:26px;}
.pBox a {width: 180px;line-height: 46px;border: 2px solid #fff; font-size: 21px;}
.parallaxSection{ padding:50px 0;}
.greensection p{ font-size:22px;}
.footcol a{ margin:0 auto 25px;}
.footcolrt ul {margin: 20px auto 0;padding: 0;float: none;width: 98px;}
.pBox {padding: 20px 20px 35px; max-width:100%;}
.logocol img{ width:240px;}
.box p br{ display:none;}
.footmid img{ width:250px;}
.boxsection span br{ display:none; }
.boxsection span {font-size: 16px; line-height: 26px;}
.greensection h5 {font-size: 24px;}
}