@media screen and (max-width:420px){
	.bord_leftmb::after{ background:none;}
	.clients_box {
    text-align: center;
    padding: 5px;
}
.button{width: 55px;
height: 46px;
position: absolute;
right: 0;
top: -40px;
cursor: pointer;
z-index: 12399994;}
}
	
@media screen and (max-width:1140px){
	.banner_content h1 span {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.banner_content h1 {
    font-size: 30px;}
	#cssmenu > ul > li > a {
        padding: 10px 8px;
font-size: 10px;
text-decoration: none;
color: #fff;
font-weight: 400;
margin-top: 5px;
transition: all ease 0.5s;
}
.topbutton ul li {
    list-style: none;
    display: inline-block;
    margin-right: 2px;
    padding-right: 7px;
    padding-left: 7px;
    line-height: 40px;
    background: #cf080b;
    text-transform: uppercase;
    font-size: 10px;
  }
.services_box {
    width: 100%;
    background: #fff;
    padding: 20px 8px;
    border: 1px solid #ecebeb;
    border-radius: 5px;
    transition: all ease 0.5s; height: 257px;
}
.services_box h3 {
    font-size: 12px;
    color: #555;
    display: flex;
    font-weight: 500;
}
.services_box p {
    font-size: 12px;
    color: #646464;
    margin: 20px 0px;
    line-height: 1.3;
}
.banner_text {
    position: absolute;
    top:22%;
    left: 0px;
    right: 0px;
}
.banner_text h1 {
    font-size: 34px;
    color: #333333;
    font-weight: bold;
}
.banner_bottom_text {
    position: relative;
    bottom: 0px;
    background-color: #fff;
    width: 80%;
    margin: 0 auto;
}
}	
@media screen and (max-width:768px){

    .page-title .top-date ul li {
       width:100%;; border-bottom:1px solid #fff;
      }
      .page-title .top-date ul {
        position: relative; padding-left: 0px;
        z-index: 9;
        display:block; text-align: left;
      }
.bread-crumb{display: none !important;}
.sec-title h2 {
    font-size: 27px;
  }
.inner_page_content h3 {
    font-weight: bold;
    text-align: center;
    color: #000;
    margin-bottom: 20px;
    font-size: 25px;
}
.banner_bottom_text {
    position: relative;
    bottom:0px;
    background-color: #fff;
    width: 85%; margin-bottom: 58px !important;
    margin: 0 auto;
}	
.mb_p{padding-top:30px; padding-bottom:0px !important; margin-bottom:30px !important;}
.section_mp{margin:0px 0px;}
.wh_details li img {
    width: 16px;
    height: 16px; margin-right: 8px;
    margin-top: 7px;
}
.wh_details li {
    list-style: none;
    margin: 10px 0px;
    display: flex;
}
.heding_bg {
    width: 100%;
    text-align: center;
    background: #299ce2;
    font-size: 18px;
    color: #fff;
    padding: 10px 20px;
    font-weight: bold;
}
.header_top_line ul li {
    color: #333;
    list-style: none;
   margin-right: 5px;
    display: inline-block;
    font-weight: 500;
    font-size: 12px;
}
.services_box h3 {
    font-size: 20px !important;
    color: #555;
    display: flex;
    font-weight: 500;
}
.services_box p {
    font-size: 14px;
    color: #646464;
    margin: 20px 0px;
    line-height: 1.3;
}
.banner_text h1 {
    font-size: 16px !important;
    color: #393838;
    font-weight: bold;
}
.bord_leftmb::after{ background:none !important; content:"";}
.logo img {
padding: 10px 0px;
text-align: center;
margin: 0 auto;
display: block;
}
.menu {float:left;
    width: 100%;
    padding-left: 0px;
}
a.mb_buttn{ margin-top:25px;}
a#resp-menu i{font-size:25px;}
.header_top_line ul {
    margin: 0px;
    padding: 10px 0px;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
}
.right_menu{float:none !important;}
button.carousel-control-next {
    position: absolute;
    top: 0%;
    right: 7% !important;
    width: 0px;
}
button.carousel-control-prev {
    position: absolute;
    top: 0%;
    left: 7%;
    width: 0px;
}
.banner_text h1 {
font-size: 19px;
color: #393838;
font-weight: bold;
}
.carousel-caption { left:10%; right:10%;}
.banner_text {
    position: absolute;
    top:0%; z-index: 9999999;
} 
.banner_text p {
font-size: 14px;
color: #393939;
font-weight: 400;
margin: 8px 0px;
}
#demo img {
    width: 100%;
   height: 200px; position:relative;
}
.carousel-inner::after{content:""; background: rgba(255, 255, 255, 0.5); height:100%; padding:5px; position:absolute;top:0px; left:0px; right:0px;}
a.button_bg {
    background: #299ce2;
    border: 1px solid #299ce2;
    padding: 5px 10px;
    font-size: 12px;
}
ul.social_icon {
    padding: 0px;
    margin-bottom: 30px;
}
a.services_bttn {
    float: right;
}
.services_box {
    width: 100%;
    background: #fff; margin-bottom:20px; height:auto; float: left;
}
span.pluse {
    top: -33px;
}
span.pluse2 {
    top: -33px; left: 68px;
}
.wh_details {
    padding-left:0px;
}
.wh_details h3 {
    font-size: 22px;
    color: #1c1c1c;
    margin-bottom: 15px;
    margin-top: 20px;
}
.owl-item{margin-right: 15px;}
.counter-box p {
    padding: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 28px;
    margin-top: 15px;
}
.bord_left::after {
    background: #fff;
    height: 80px;
    width: 2px;
    position: absolute;
    content: "";
    top: -1px;
    left: -8px;
}

.clients_box {
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px;
}

.heading_title h2 {
font-size: 27px;
color: #080808;
margin-bottom: 20px;
letter-spacing: 0.5px;
}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
    color: #fff;
    transition: all ease 0.5s;
}
.form_section h2 {
    font-size: 22px;
    color: #000;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}
.form_section p {
    font-size: 13px;
    text-align: center;
}
.my-form input {
    padding: 10px 10px;
    border: 1px solid #ccc;
    margin: 10px 5px;
    width: 100%;
}
.my-form select {
    padding: 10px 10px;
    border: 1px solid #ccc;
    margin: 10px 5px;
    width: 100%;
    background: none;
}
.my-form textarea {
    padding: 10px 10px;
    border: 1px solid #ccc;
    margin: 10px 5px;
    width: 100%;
}
.my-form button {
    padding: 6px 20px;
    border: 1px solid #ccc;
    font-size: 17px;
    color: #fff;
    cursor: pointer;
    background-color: #299ce2;
    text-transform: uppercase;
    font-weight: 600;
    float: right;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 40px;
}
.footer_link{margin-top:20px;}
i.fontsz {
    font-size: 22px;
    position: relative;
    top: -2px;
    color: #848282;
}
li.has-sub{float:left;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none; padding-left: 0px;
background-color: #f7f7f7;}
#cssmenu ul li{width:100%;border-top:1px solid #e3e0e0;}
#cssmenu ul li:hover{background:#299ce2;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float: none;}
#cssmenu ul ul li a{padding-left: 23px;
    font-size: 12px;}
#cssmenu ul ul li{background:#299ce2!important; float: left;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#090909;background:none; }
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;color:#ddd;font-size:12px;font-weight:700}
.button{width: 55px;
    height: 46px;
    position: absolute;
    left: 0;
    top: -1px;
    cursor: pointer;
    z-index: 12399994;}
nav#cssmenu ul {
    margin-bottom: 20px;
    float: left;
}
ul.open{ margin-top: 50px;}
li.has-sub i {
    font-size: 13px; display:none;
}

.button:after{position: absolute;
top: 22px;
right: 20px;
display: block;
height: 10px;
width: 28px;
border-top: 2px solid #acacac !important;
border-bottom: 2px solid #acacac;
content: '';}
.button:before{-webkit-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
position: absolute;
top: 13px;
right: 20px;
display: block;
height: 2px;
width: 28px;
background: #acacac;
content: '';}
.header_top_line ul li {
 font-size: 15px !important;}
#cssmenu > ul > li > a {
 padding: 10px 22px; color: #000;
 font-size: 11px;
 font-weight: 600;}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#575757;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#aba9a9;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position: absolute;
z-index: 99;
right: 0;
top: 0;
display: block;
border-left: 1px solid #d4d4d4;
height: 42px;
width: 46px;
cursor: pointer;}
#cssmenu .submenu-button.submenu-opened{background:#299ce2;}
#cssmenu ul ul .submenu-button{height: 45px;
    width: 45px;}
#cssmenu .submenu-button:after{position:absolute;top: 21px;right:19px;width:8px;height:2px;display:block;background:#8c8c8c;content:''}
#cssmenu ul ul .submenu-button:after{top: 22px;
    right: 19px;}
#cssmenu .submenu-button.submenu-opened:after{background:#fff; }
#cssmenu .submenu-button:before{position:absolute;top: 18px;right:22px;display:block;width:2px;height:8px;background:#8c8c8c;content:''}
#cssmenu ul ul .submenu-button:before{top: 18px;
    right: 22px;}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}

.desk_text{display:none;}
.mob_text{display:block; margin-top:20px;}

#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
    color: #fff;
    transition: all ease 0.5s;
    background:#fff!important; color:#333;
}

a.btn-register {
    background-color: #FF3300;
    border-color: #FF3300;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border-radius: 18px;
    padding-left: 6px !important;
    padding-right: 6px !important;
    color: #ffffff;
    font-size: 13px !important;
  }

.our_logo{ margin-top: 80px; margin-left: 0px !important;}
.mbpadding{ padding-left: 0px !important; padding-right: 0px !important;}

.banner_content {
position: absolute;
z-index: 9999;
top: 7%;
bottom: 0%;
width: 100%;
}
.banner_content a {
    margin: 0 auto;
    text-align: center;
    padding: 8px 16px;
    font-size: 12px;
    background: #299ce2;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    transition: all ease 0.5s;
}
.banner_content h1 {
font-size: 18px !important;
color: #fff;
font-weight: bold;
margin-bottom: 18px;
}
.banner_content h1 span {
font-size: 12px;
color: #fff;
font-weight: bold;
}
.inner_page_content {
    width:100%;
    margin: 0 auto;
    text-align: center;
}
.position {
    position:inherit;
    bottom: 40px;
}
.posision_heding {
    position: relative;
    bottom: 10px;
}
.services_box_list h3 {
    margin-top: 16px;
    font-size: 14px; text-align:center;
    margin-bottom: 0px;
}
}








@media screen and (max-width:1080px){
    .inner_page_content h3 {
        font-weight: bold;
        text-align: center;
        color: #000;
        margin-bottom: 20px;
        font-size: 25px;
    }
    .banner_bottom_text {
        position: relative;
        bottom:0px;
        background-color: #fff;
        width: 85%; margin-bottom: 58px !important;
        margin: 0 auto;
    }	
    .mb_p{padding-top:30px; padding-bottom:0px !important; margin-bottom:30px !important;}
    .section_mp{margin:0px 0px;}
    .wh_details li img {
        width: 16px;
        height: 16px; margin-right: 8px;
        margin-top: 7px;
    }
    .wh_details li {
        list-style: none;
        margin: 10px 0px;
        display: flex;
    }
    .heding_bg {
        width: 100%;
        text-align: center;
        background: #299ce2;
        font-size: 18px;
        color: #fff;
        padding: 10px 20px;
        font-weight: bold;
    }
    .header_top_line ul li {
        color: #333;
        list-style: none;
       margin-right: 5px;
        display: inline-block;
        font-weight: 500;
        font-size: 12px;
    }
    .services_box h3 {
        font-size: 20px !important;
        color: #555;
        display: flex;
        font-weight: 500;
    }
    .services_box p {
        font-size: 14px;
        color: #646464;
        margin: 20px 0px;
        line-height: 1.3;
    }
    .banner_text h1 {
        font-size: 16px !important;
        color: #393838;
        font-weight: bold;
    }
    .bord_leftmb::after{ background:none !important; content:"";}
    .logo img {
    padding: 10px 0px;
    text-align: center;
    margin: 0 auto;
    display: block;
    }
    .menu {float:left;
        width: 100%;
        padding-left: 0px;
    }
    a.mb_buttn{ margin-top:25px;}
    a#resp-menu i{font-size:25px;}
    .header_top_line ul {
        margin: 0px;
        padding: 10px 0px;
        border-bottom: 1px solid #eaeaea;
        text-align: center;
    }
    .right_menu{float:none !important;}
    button.carousel-control-next {
        position: absolute;
        top: 0%;
        right: 7% !important;
        width: 0px;
    }
    button.carousel-control-prev {
        position: absolute;
        top: 0%;
        left: 7%;
        width: 0px;
    }
    .banner_text h1 {
    font-size: 19px;
    color: #393838;
    font-weight: bold;
    }
    .carousel-caption { left:10%; right:10%;}
    .banner_text {
        position: absolute;
        top:0%; z-index: 9999999;
    } 
    .banner_text p {
    font-size: 14px;
    color: #393939;
    font-weight: 400;
    margin: 8px 0px;
    }
    #demo img {
        width: 100%;
       height: 200px; position:relative;
    }
    .carousel-inner::after{content:""; background: rgba(255, 255, 255, 0.5); height:100%; padding:5px; position:absolute;top:0px; left:0px; right:0px;}
    a.button_bg {
        background: #299ce2;
        border: 1px solid #299ce2;
        padding: 5px 10px;
        font-size: 12px;
    }
    ul.social_icon {
        padding: 0px;
        margin-bottom: 30px;
    }
    a.services_bttn {
        float: right;
    }
    .services_box {
        width: 100%;
        background: #fff; margin-bottom:20px; height:auto; float: left;
    }
    span.pluse {
        top: -33px;
    }
    span.pluse2 {
        top: -33px; left: 68px;
    }
    .wh_details {
        padding-left:0px;
    }
    .wh_details h3 {
        font-size: 22px;
        color: #1c1c1c;
        margin-bottom: 15px;
        margin-top: 20px;
    }
    .owl-item{margin-right: 15px;}
    .counter-box p {
        padding: 0;
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 28px;
        margin-top: 15px;
    }
    .bord_left::after {
        background: #fff;
        height: 80px;
        width: 2px;
        position: absolute;
        content: "";
        top: -1px;
        left: -8px;
    }
    
    .clients_box {
        text-align: center;
        padding-bottom: 30px;
        padding-top: 30px;
    }
    
    .heading_title h2 {
    font-size: 27px;
    color: #080808;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
    }
    #cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
        color: #fff;
        transition: all ease 0.5s;
    }
    .form_section h2 {
        font-size: 22px;
        color: #000;
        font-weight: bold;
        text-align: center;
        margin-bottom: 15px;
    }
    .form_section p {
        font-size: 13px;
        text-align: center;
    }
    .my-form input {
        padding: 10px 10px;
        border: 1px solid #ccc;
        margin: 10px 5px;
        width: 100%;
    }
    .my-form select {
        padding: 10px 10px;
        border: 1px solid #ccc;
        margin: 10px 5px;
        width: 100%;
        background: none;
    }
    .my-form textarea {
        padding: 10px 10px;
        border: 1px solid #ccc;
        margin: 10px 5px;
        width: 100%;
    }
    .my-form button {
        padding: 6px 20px;
        border: 1px solid #ccc;
        font-size: 17px;
        color: #fff;
        cursor: pointer;
        background-color: #299ce2;
        text-transform: uppercase;
        font-weight: 600;
        float: right;
        margin-right: 20px;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .footer_link{margin-top:20px;}
    i.fontsz {
        font-size: 22px;
        position: relative;
        top: -2px;
        color: #848282;
    }
   
    a.btn-register {
        background-color: #FF3300;
        border-color: #FF3300;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        border-radius: 18px;
        padding-left: 6px !important;
        padding-right: 6px !important;
        color: #ffffff;
        font-size: 13px !important;
      }
    
    .our_logo{ margin-top: 80px; margin-left: 0px !important;}
    .mbpadding{ padding-left: 0px !important; padding-right: 0px !important;}
    
    .banner_content {
    position: absolute;
    z-index: 9999;
    top: 7%;
    bottom: 0%;
    width: 100%;
    }
    .banner_content a {
        margin: 0 auto;
        text-align: center;
        padding: 8px 16px;
        font-size: 12px;
        background: #299ce2;
        text-decoration: none;
        color: #fff;
        font-weight: 600;
        border-radius: 5px;
        transition: all ease 0.5s;
    }
    .banner_content h1 {
    font-size: 18px !important;
    color: #fff;
    font-weight: bold;
    margin-bottom: 18px;
    }
    .banner_content h1 span {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    }
    .inner_page_content {
        width:100%;
        margin: 0 auto;
        text-align: center;
    }
    .position {
        position:inherit;
        bottom: 40px;
    }
    .posision_heding {
        position: relative;
        bottom: 10px;
    }
    .services_box_list h3 {
        margin-top: 16px;
        font-size: 14px; text-align:center;
        margin-bottom: 0px;
    }
    }