body{

margin: 0 !important;

font-family: 'Roboto', sans-serif !important;

}



.section {

overflow: hidden;

}



.main-banner {

background-image: url("../images/banner-1.jpg");

background-repeat: no-repeat;

background-size: cover;

background-position: 100% 100%;

}



.main-banner h2 {

text-align: center;

margin: 0 auto;

padding: 150px 0;

font-size: 50px;

font-weight: 500;

color: #ffffff;

}



.categories-sec {

/*background-image: url("../images/category.jpg");*/

background-repeat: no-repeat;

background-size: cover;

height:450px;

margin: 80px 0 0;

}



.categories-sec img{width: 100%; max-height: 100%;}



.cat-box {

background-color: #f7f7f7;

border: 1px solid #e5e5e5;

padding: 0 !important;

width: 90% !important;

margin: 0 auto;

margin-top: -55px;

}



.cat-box ul {

padding: 0;

border-top: 6px solid #ee632e;

padding: 25px 0;

  margin: 0;

  background-color:#2a2a2a;

}



.cat-box li {

list-style: none;

display: inline-block;

}



.cat-box li a{

font-size: 12px;

font-weight:500;

color:#a2a4a6;

text-decoration: none;

text-transform: uppercase;

padding-left: 15px;



}



.cat-box li a:hover {

color:#ee632e;

}



.cat-box li a img{

margin-right: 10px; 

}



.cat-box h2 {

font-size: 12px;

font-weight:700;

color: #ec0f3d;

text-transform: uppercase;

margin: 0;

padding: 25px 0 0px;

}



.cat-box h3 {

font-size: 17px;

font-weight:600;

color: #2a2a2a;

padding: 15px 0;

margin-bottom: 15px;

position: relative;

}



.cat-box h3:before {

position: absolute;

content: '';

border-bottom: 2px solid #ee632e;

width: 35px;

    left: 48%;

    bottom: 0px;

}



.cat-box p {

font-size: 12.3px;

font-weight:500;

color: #676767;

padding: 0px 35px;

}



.breaker {

margin: 50px 0;

overflow: hidden;

clear: both;

}



.breaker:before {

position: absolute;

content: '';

border-bottom: 5px solid #ededed;

width: 98%;

}



.serv-main {

}



.serv-main .serv {

width: 100%;

}



.serv-main .serv-img.inner img {

max-width: 100%;

}



.serv-main .serv ul {

margin: 0;

padding: 0;

background: #2a2a2a;

padding: 20px 0;

width: 100%;

margin-top: -2px;

}



.serv-main .serv ul li{

display: inline-block;

list-style: none;

}



.serv-main .serv a{

margin-left: 3px;

font-size: 10px;

font-weight: 500;

color: #a2a4a6;

text-decoration: none;

text-transform: uppercase;

}



.serv-main .serv a img{

  margin: 0 4px; 

}



.serv-main .serv a:hover {

color:#ee632e;

}



.serv-main .serv-text h2 {

font-size: 12px;

font-weight:700;

color: #ec0f3d;

text-transform: uppercase;

margin: 0;

padding: 25px 0 0px;

}



.serv-main .serv-text h3 {

font-size: 17px;

font-weight:600;

color: #2a2a2a;

padding: 15px 0;

margin-bottom: 15px;

position: relative;
    min-height: 70px;

}



.serv-main .serv-text h3:before {

position: absolute;

content: '';

border-bottom: 2px solid #ee632e;

width: 35px;

left: 44%;

bottom: 0px;

}



.serv-main .serv-text p {

font-size: 12px;

font-weight:500;

color: #676767;

padding: 0px 0px;
    min-height: 70px;

}





.serv-main .serv-text span {



}



.serv-main .serv-text span a {

font-size: 12px;

font-weight:600;

color: #2a2a2a;

text-transform:uppercase;

text-decoration: none;

padding: 15px 0 0;

display: block;

position: relative;

}



.serv-main .serv-text span a:before {

content: '';

position: absolute;

background-image: url(../images/dot-line.png);

width: 65px;

height: 5px;

background-repeat: no-repeat;

left: 0px;

bottom: 15%;

}



.serv-main .serv-text span a:after {

content: '';

position: absolute;

background-image: url(../images/dot-line.png);

width: 65px;

height: 5px;

background-repeat: no-repeat;

right: 0px;

bottom: 15%;

}



.serv-main .serv-text span a:hover {

color:#ee632e;

}



.serv-main .breaker {

margin: 40px 0 65px;;

overflow: hidden;

clear: both;

}




.serv-main .breaker:before {

width: 90%;

}



.serv-main img.inner {

max-width: 100%;

width: 100%;
    height: 175px;
    object-fit: cover;

}



.categories-main {

margin-top: 80px;

}



.categories-main .cat-main-text p {

padding: 20px;

font-size: 12px;

color: #676767;

font-weight:500;

border: 1px solid #dbdbdb;

margin-bottom: 40px;


}

.add-bg-box {
    background-image: url(../images/add-bg.jpeg);
    position: relative;
    background-position: bottom;
    background-size: cover;
}


.add-bg-box:after {
    background: rgb(33 100 135 / 58%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
}

.add-bg-box p {
    color: #fff !important;
    z-index: 1;
    position: relative;
        font-weight: 400 !important;
}


.add-bg-box p span {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 10px;
    display: block;
}


.categories-main .cat-title-box{

background-color: #f7f7f7;

margin-bottom: 25px;

padding: 20px 15px;

}



.categories-main .cat-title-box h2 {

color: #2a2a2a;

font-size: 18px;

font-weight: 700;

}



.categories-main .cat-title-box span {

margin-right: 25px;

}



.categories-main .cat-title-box ul {

padding: 0;

margin: 0;

list-style: none;

}



.categories-main .cat-title-box {

position: relative;

}



.categories-main .cat-title-box li {



padding-left: 40px;

margin-left: 18px;

background-image: url(../images/cat-line.png);

background-repeat: no-repeat;

background-position: 18px 16px;

color: #c9c9c9;

font-size: 14px;

font-weight: 600;

padding: 5px 0 5px 40px;

}



.categories-main .cat-title-box li:before {

content: '■';

color: #ee632e;

float: left 30px;

left: 0px;

position: absolute;

left: 15px;

}



.categories-main .cat-title-box li a {

color: #c9c9c9;

text-decoration: none;

}



.categories-main .cat-title-box li:hover a {

color: #ee632e;

}







/* Media Queries */

@media (min-width: 1000px) and (max-width: 1024px) {



.categories-main .cat-title-box h2 {

	font-size: 15px;

} 



.serv-main .serv ul {

	text-align: center;

}



.categories-main .cat-title-box li {

	text-align: center;

}





}









/*<!--------------------------------------------------------------------------------->*/















@media (min-width: 768px) and (max-width: 992px) {



	.categories-main .cat-title-box h2 {

	font-size: 15px;

	text-align: center;

    margin-right: 25px;

} 



.cat-box h3:before {

	margin: 55px 0 0;

}



.serv-main .serv ul {

	text-align: center;

}



.serv-main .serv-text h3 {

	font-size: 15px;

}



.categories-main .cat-title-box li {

	text-align: center;

}



.categories-main .cat-title-box span {

    margin-right: 10px;

}



.categories-main .cat-title-box li {

	    background-position: -3px 16px;

	    padding: 5px 0 5px 15px;

}



.serv-main .serv a img {

    margin: 0 2px;

}



  

}





@media (min-width: 810px) and (max-width: 812px) {



.serv-main .serv-text span a:after {

	    width: 30px;

}



.serv-main .serv-text span a:before {

	    width: 30px;

}



.main-banner {

    background-position: center;

}



}



@media (min-width: 318px) and (max-width: 320px)

{

	.cat-box li a {

    font-size: 11px;

}



}



@media (min-width: 100px) and (max-width: 767px) {



.main-banner {

	    background-position: center;

}



.serv-main .serv ul {

	text-align: center;

}



.serv-main .serv a img {

    margin: 0 8px;

}



.serv-main .serv-text span a:after {

	right: 15%;

}



.serv-main .serv-text span a:before {

	left: 15%;

}



.categories-main {

    margin-top: 60px;

}



.categories-sec {

	  margin-top: 40px;

}



.cat-box h3 {

    font-size: 16px;

}



.cat-box h3:before {

	left: 46%;

}



.serv-main .serv-text h3:before {

	left: 46%;

}



.serv-main .serv a {

	margin-left: 0px;

}

}

/*@media screen and (max-width: 100px) and (min-width:768px){



}*/

.main-div a{font-size: 12px; font-weight: 600; color: #2a2a2a; text-transform: uppercase; text-decoration: none; padding: 15px 0 15px 0; display: block; position: relative;}

.main-div a:before{content: ''; position: absolute; width: 65px; height: 5px; background-repeat: no-repeat; left: 0px; bottom: 15%;}

.main-div a:after{content: ''; position: absolute; width: 65px; height: 5px; background-repeat: no-repeat; right: 0px; bottom: 15%;}

.main-div a:hover{color:#ee632e;}

.cat-box{float:none;}

.blog_list{display: flex; flex-wrap: wrap;}

.blog_list .col-md-4{display: flex;}

.blog_list .col-md-4 .serv-main{width: 100%;}

.cat-box p{margin-left: 0 !important; margin-right: 0 !important;}





@media only screen and (min-width:1024px) and (max-width:1169px){

.main-banner h2{padding: 75px 0px; font-size: 35px;}

.serv-main .serv-text h3{font-size: 14px;}

.breaker{margin: 30px 0px;}

.serv-main .breaker{margin: 30px 0 30px;}

}



@media only screen and (min-width:768px) and (max-width:1023px){

.main-banner h2{padding: 45px 0px; font-size: 28px;}

.serv-main .serv-text h3{font-size: 14px;}

.breaker{margin: 30px 0px;}

.serv-main .breaker{margin: 30px 0 30px;}

.categories-main .cat-main-text p{margin-bottom: 25px;}

}



@media only screen and (min-width:480px) and (max-width:767px){

.main-banner h2{padding: 30px 0px; font-size: 24px;}

.serv-main .serv-text h3{font-size: 14px;}

.breaker{margin: 30px 0px;}

.serv-main .breaker{margin: 30px 0 30px;}

.categories-main .cat-main-text p{margin-bottom: 25px;}

.categories-main.col-xs-12 .col-md-12{padding-left: 0; padding-right: 0;}

.categories-main .cat-title-box{margin-bottom: 15px;}

.cat-box{width: 96% !important;}

.cat-box h3{margin: 10px 0px;}

.serv-main .serv-text h3{margin: 10px 0px;}

}



@media only screen and (min-width:0px) and (max-width:479px){

.main-banner h2{padding: 30px 0px; font-size: 22px;}

.serv-main .serv-text h3{font-size: 14px !important;}

.breaker{margin: 30px 0px;}

.serv-main .breaker{margin: 30px 0 30px;}

.categories-main .cat-main-text p{margin-bottom: 25px;}

.categories-main.col-xs-12 .col-md-12{padding-left: 0; padding-right: 0;}

.categories-main .cat-title-box{margin-bottom: 15px;}

.cat-box{width: 96% !important;}

.cat-box h3{margin: 10px 0px; font-size: 14px !important;}

.serv-main .serv-text h3{margin: 10px 0px;}

.categories-main .cat-title-box h2{margin-top: 0;}

.categories-main .cat-title-box h2{font-size: 16px;}

.categories-main .cat-title-box li{padding-left: 10px; font-size: 13px;} 

.cat-box ul{padding: 10px 0px;}

}