* { margin: 0px; padding: 0px; box-sizing: border-box; }
h3 { font-weight: 400; }
p { font-size: 15px; line-height: 26px; letter-spacing: .8px; }

/*--header-top-bar--*/
.top-bar { background: #dc0113; border-bottom: 5px solid #000; color: #fff; font-size: 0.9rem; }
.top-bar .fa-envelope { margin-left: 10px; }
.top-bar .contact-info { margin-right: 20px; }
.top-bar .call-tab { display: inline-block; }
.top-bar ul { margin-bottom: 0; }
.top-bar .contact-info a { font-size: 0.8rem; color: #fff; }
.top-bar ul.social-custom { margin-left: 20px; }
.top-bar ul { margin-bottom: 0; }
a:focus,
a:hover { color: #348e7b; text-decoration: underline; }
.top-bar a.login-btn,
.top-bar a.signup-btn { color: #fff; text-transform: uppercase; letter-spacing: 0.1em; text-decoration: none !important; font-size: 0.75rem; font-weight: 700; margin-right: 10px; }
.top-bar p { margin-bottom: 0px; }

/*--header-main--*/

header { background-color: #f8f8f8; border-color: #e7e7e7; }
.logo { width:130px; display: inline-block;}
.logo img { width: 120px; }
.header-contact  { float:right; padding-top: .5rem !important;}
.header-contact p { line-height: 20px; }
.contact-section .contact-section-inner { display:block;}
.header-contact strong { text-transform: uppercase; color: #3f51b5; letter-spacing: 1.4px; }
.header-contact .btn { border-radius: 20px; padding: 8px 20px; }
.navbar { background: #2d3980; }

/*---menu--*/
nav { display: block; background: rgb(63, 81, 181); }
.menu { display: block; margin-bottom:0px; } 
.menu li { display: inline-block; position: relative; z-index: 100; }
.menu li:first-child { margin-left: 0; } 
.menu li a { font-weight: 600; text-decoration: none; padding: 20px 15px; display: block; color: #fff; transition: all 0.2s ease-in-out 0s; }
.menu li a:hover,
.menu li:hover>a { color: #fff; background: #FC6D58; }
.sub-menu li a { padding: 6px 15px; }
.sub-menu li a { display:block; }
.menu ul { visibility: hidden; opacity: 0; margin: 0; padding: 0; width: 170px; position: absolute; left: 0px; background: #fff; z-index: 99; transform: translate(0, 20px);
  transition: all 0.2s ease-out; }
.menu ul:after { bottom: 100%; left: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; 
border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-left: -6px; }
.menu ul li { display: block; float: none; background: none; margin: 0; padding: 0; }
.menu ul li a { font-size: 14px; font-weight: normal; display: block; color: #797979; background: #fff; }
.menu ul li a:hover,
.menu ul li:hover>a { background: #FC6D58; color: #fff; }
.menu li:hover>ul { visibility: visible; opacity: 1; transform: translate(0, 0); }
.menu ul ul { left: 169px; top: 0px; visibility: hidden; opacity: 0; transform: translate(20px, 20px); transition: all 0.2s ease-out; }
.menu ul ul:after { left: -6px; top: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; 
border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 6px; margin-top: -6px; }
.menu li>ul ul:hover { visibility: visible; opacity: 1; transform: translate(0, 0); }
.responsive-menu { display: none; width: 100%; padding: 20px 15px; background: #E95546; color: #fff;
  text-transform: uppercase; font-weight: 600; }
.responsive-menu:hover { background: #E95546; color: #fff; text-decoration: none; }
a.homer { background: #FC6D58; }

@media (min-width: 768px) and (max-width: 979px) {
.mainWrap { width: 768px; } .menu ul { top: 37px; } .menu li a { font-size: 14px; } a.homer { background: #E95546; }
}
 @media (max-width: 767px) {
.mainWrap { width: auto; padding: 50px 20px; } .menu { display: none; } .responsive-menu { display: block; padding: 10px 15px; }
nav { margin: 0; background: none; }
.menu li { display: block; margin: 0; }
.menu li a { background: #fff; color: #797979; }
.menu li a:hover,
.menu li:hover>a { background: #FC6D58; color: #fff; }
.menu ul { visibility: hidden; opacity: 0; top: 0; left: 0; width: 100%; transform: initial; }
.menu li:hover>ul { visibility: visible; opacity: 1; position: relative; transform: initial; }
.menu ul ul { left: 0; transforms: initial; }
.menu li>ul ul:hover { transform: initial; }
}
/*--menu-end--*/

/*--banner-home--*/
.banner { position: relative; } .banner img { width: 100%; max-height: 500px; }
.detail-section  { position: absolute; float: left; text-align: center; top: 16%; width: 80%; }
.detail-section h4 { font-weight: bold; font-size: 3em; }
.detail-section h4 span { color: #dc0113; }
.detail-section h5 { font-size: 1.50em; }

/*--banner-banner-inner--*/
.banner-inner { position: relative; }
.banner-inner img { width: 100%; max-height: 250px; }
.banner-inner .detail-section { position: absolute; color: #fff; float: left; text-align: left; top: 30%; width: 80%; }
.banner-inner .detail-section h4 { font-weight: bold; font-size: 3em; }
.banner-inner .detail-section h4 span { color: #dc0113; }
/*  banner ends here  */

/*stats-section--*/
.stats h1 { font-weight: 200; position: relative; }
.stats h1::before { content: ""; position: absolute; top: 50%; width: 35px; height: 2px; background-color: #e91e63;
    left: 140px; box-sizing: border-box; }
.stats h1::after { content: ""; position: absolute; top: 50%; width: 35px; height: 2px; background-color: #e91e63; right: 140px;
    box-sizing: border-box; }
.stats h4 { margin-bottom: 20px; color: #e91e63 }
.stats h1 span { font-weight: 400; }
.stats h2 { font-weight: 200; position: relative; }
.stats h2::before { content: ""; position: absolute; top: 50%; width: 35px; height: 2px; background-color: #e91e63; left: 380px; box-sizing: border-box; }
.stats h2::after { content: ""; position: absolute; top: 50%; width: 35px; height: 2px; background-color: #e91e63; right: 380px; box-sizing: border-box; }
.stats h4 { margin-bottom: 20px; color: #e91e63 }
.stats h2 span { font-weight: 400; }
.service { display: block; position: relative; }
.service .fa { padding: 20px; font-size: 24px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.services-inner { border: 2px solid #dc0113; border-radius: 5px; transition: .3s; margin: 10px; }
.our-services-icon { position: absolute; top: -15px; right: 50px; background: #fff; width: 80px; text-align: center; border-radius: 5px; }
.our-services-icon span.fa { font-size: 45px; color: #dc0113; }
.our-services-text { padding-right: 10px; } .our-services-text { padding: 28px 20px; }
.our-services-text h4 { color: #fff; font-size: 18px; font-weight: 600; letter-spacing: 1px; margin-bottom: 18px; margin-top: 15px;
position: relative; text-transform: uppercase; }
.our-services-wrapper:hover .services-inner { border: 2px solid #fff; box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2); }
.our-services-text p { margin-bottom: 0; color: #fff; }
.services p { font-size: 14px; font-weight: 400; color: #666; }
.thanku h2.heading { font-size: 6em; font-weight: 100; }
.thanku h2 span { color: #dc0113; }

/*--about-section--*/
.about h2.heading { font-size: 30px; }
.about h2.heading span,
.about h4.heading span { color: #dc0113; font-size: 30px; }
.about h1.heading { font-size: 36px; line-height: 45px; letter-spacing: 1px; font-weight: 700; }
.about ul { padding-left: 20px; letter-spacing: 1px; }
.about ul li { font-size: 14px; line-height: 26px; }

/*--query-form--*/
.query-form { background: #eee; padding: 20px; }
.query-form .heading { font-size: 24px; }
.query-form .heading span { color: #dc0113; }
.query-form .form-control { font-size: 14px; height: 40px; border-radius: 0px; }
.query-form .btn-danger { border-radius: 0px !important; width: 100%; }
.query-form textarea.form-control { height: auto; }
 
/*--services-tab--*/
.tranding { margin-top: 2em; }
.tranding-inner { border-radius: 6px; border: 1px solid #f7c7c7; margin-bottom: 15px; overflow: hidden; }
.tranding-inner-text { padding-left: 15px; padding-top: 5px; }
.tranding-inner-text h6 { font-weight: 700; padding-top: 15px; padding-right: 10px; }
.tranding-inner .col-md-6 { padding-left: 0px; }
.tranding-inner img { max-height: 90px; }

/*--Trending Cities--*/
.trending-charge-tab { background: #fff; padding: 8px 10px; border: 1px solid #dc0113; margin-top: 10px; }
.charge-left { display: inline-block; }
.charge-left span { color: #dc0113; }
.charge-left sub { bottom: -2px; font-size: 14px; }
.charge-left-right { float: right; padding-top: 1px; }
.service span { border-radius: 50% 0% 50% 50%; border-color: #3f51b5; color: #3f51b5; display: inline-block; line-height: 35px; position: relative;
    border: 5px solid; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor;
    width: 80px; height: 80px; text-align: center; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg); transition: all ease-in-out .5s; }
 
.service:hover span { border-radius: 50% 50% 50% 0%; background: #e91e63; color: #fff; border-color: #3f51b5; }
/*stats-section--*/

/*--number-counter--*/
.number-counter { background: #f7f7f7; }
.toplink { box-sizing: border-box; display: block; padding: 12px 15px; text-decoration: none; }
.toplink .icon { float: left; width: 35px; margin-top: 10px; margin-right: 15px; }
.toplink .fa { font-size: 22px; margin-top: 6px; }
.info-box-content { float: right; width: 200px; }
.info-box-content h3 { margin-bottom: 2px; color: #3f51b5; font-size: 2.6em; font-weight: 500; position: relative; }
.info-box-content h3::before { background: #e91e63; content: ""; position: absolute; left: 0px; bottom: -14px; width: 40px; height: 3px; }
.info-box-content p { padding-top: 15px; }
.toplink img { vertical-align: middle; margin: 0 20px 0 0; }
/*--on-time--*/

.on-time h1 { font-weight: 200; position: relative; }
.on-time h1::before { content: ""; position: absolute; top: 50%; width: 35px; height: 2px; background-color: #e91e63; left: 140px; box-sizing: border-box; }
.on-time h1::after { content: ""; position: absolute; top: 50%; width: 35px; height: 2px; background-color: #e91e63; right: 140px; box-sizing: border-box; }
.on-time h4 { margin-bottom: 20px; color: #e91e63 }
.on-time h1 span { font-weight: 400; }
.on-time h2 { font-weight: 200; position: relative; }
.on-time h2::before { content: ""; position: absolute; top: 50%; width: 35px; height: 2px; background-color: #e91e63; left: 380px; box-sizing: border-box; }
.on-time h2::after { content: ""; position: absolute; top: 50%; width: 35px; height: 2px; background-color: #e91e63; right: 380px; box-sizing: border-box; }
.on-time h4 { margin-bottom: 20px; color: #e91e63 }
.on-time h2 span { font-weight: 400; }
.on-time { display: block; position: relative; }
.on-time .service .fa { padding: 20px; font-size: 24px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.on-time .service span { border-radius: 50% 0% 50% 50%; border-color: #fff; color: #3f51b5; display: inline-block; z-index: 2; line-height: 35px;
    margin-top: -30px; position: relative; border: 5px solid; border-top-color: currentcolor; border-right-color: currentcolor;
    border-bottom-color: currentcolor; border-left-color: currentcolor; width: 80px; height: 80px; text-align: center; transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transition: all ease-in-out .5s; }
.on-time .service:hover span { border-radius: 50% 50% 50% 0%; background: #e91e63; color: #fff; border-color: #fff; }
.on-time .service img { width: 100%; }
.service .on-time-content { background: #f7f7f7; margin-top: -40px; padding: 70px 10px 10px 10px; transition: all ease-in-out .5s; }
.on-time .service:hover .on-time-content { background: #3f51b5; color: #fff; }

/*--how-we-work--*/
.how-we-work .tab h4 { color: #000; font-size: 20px; }

/*--exp--*/
.exp { background-color: #e91e63; padding: 3em 0px; }
.exp h4,
.exp h5,
.exp p { color: #fff; padding: 6px 0px; }
.exp h4 { font-size: 4em; font-weight: 200; } .exp h5 { font-size: 2em; font-weight: 400; } .exp p { font-size: 18px; }


/*--form-bg--*/
.contact-form-bg { background: #eee; padding:2em;}
.contact-form-bg .form-control { height:40px; border:0px;}
.contact-form-bg .btn-danger { border-radius: 0px !important; width:100%; margin-top:20px; background:#e91e63; transition:all ease-in-out .8s;}
.contact-form-bg .btn-danger:hover { background:#3f51b5;  } 
.contact-form-bg textarea.form-control { height:auto; }
.form-bg .form-group{ position:relative;}
.form-bg  .form-control-icon { position: absolute; top: 0; right: 0; width: 40px; height: 40px; line-height: 40px; text-align: center;
}

/*--404-page--*/
.error-page { margin:auto; max-width: 60%; padding:4em 0px; }
.error-page>.error-content {
    margin-left: 190px; 
    display: block;
}
.error-page>.headline {
    float: left; color:#FC6D58; line-height: .8em; 
    font-size: 100px;
    font-weight: 300;
}
.error-page .fa-warning { color:#FC6D58; }

/*--footer--*/
.footer { background: #f7f7f7; }
.footer .footer-tab { background: #fff; text-align: center; padding: 20px 15px; position: relative; transition: all ease-in-out .5s; border-radius: 4px; }
.footer .footer-tab h6 { text-transform: uppercase; letter-spacing: 3px; }
.footer .footer-tab .footer-icon { margin: auto; background: #3f51b5; height: 50px; width: 50px; margin-top: -45px; line-height: 40px; border-radius: 8px;
    border: 4px solid #fff; transition: all ease-in-out .5s; }
.footer .footer-tab .footer-icon .fa { color: #fff; }
.footer .footer-tab:hover { background: #3f51b5; color: #fff; }
.footer .footer-tab:hover .footer-icon { background: #e91e63; }
.footer-copyright { color: #fff; background: #3f51b5; text-align: center; padding: 15px; line-height: 30px; font-size: 14px; width: 100%; border-top: 1px solid #fff; }
.footer-copyright a { color: #e91e63; }
.footer-copyright a:hover { color: #fff; }

/*--contact-section--*/
.ast_contact_container { margin-top:50px;}
.ast_contact_info{ float:left; width:100%; text-align:center; margin-bottom:30px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;
    -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.ast_contact_info span{ display: inline-block; width: 90px; height: 90px; line-height: 75px; font-size: 36px; border-radius: 100%;
    border: 5px solid #f1f1f1; background-color: #f9f9f9; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s;
    -o-transition: all 0.5s; transition: all 0.5s; }
.ast_contact_info span i{ font-size:36px; color: #dc0113; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; 
-o-transition: all 0.5s; transition: all 0.5s; }
.ast_contact_info:hover span{ background-color: #dc0113; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1); transform: scaleX(-1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s;
    -o-transition: all 0.5s; transition: all 0.5s; -webkit-box-shadow: 0px 0px 30px -10px #000000; -moz-box-shadow: 0px 0px 30px -10px #000000;
    -o-box-shadow: 0px 0px 30px -10px #000000; -ms-box-shadow: 0px 0px 30px -10px #000000; box-shadow: 0px 0px 30px -10px #000000; }
.ast_contact_info:hover span i{ color: #ffffff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;
    transition: all 0.5s;}
.ast_contact_info h4{ float:left; width:100%; text-transform:capitalize; font-size:20px; margin:35px 0px 15px 0px; }
.ast_contact_info p{ float:left; width:100%; margin-bottom:8px; }
.ast_contact_info p a:hover{ color: #dc0113; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;
    transition: all 0.5s; }

/*-- blog page --*/
.blog { padding: 2em 0px; }
.blog-grids h4 a { font-size: 21px; letter-spacing: 1px; color: #292e31; text-transform: capitalize; line-height: 35px; }
ul.blog-info li { display: inline-block; font-size: 16px; line-height: 2em; letter-spacing: 1px; color: #4d6171; }
.blog-grids a.read { font-size: 17px; color: #666; letter-spacing: 1px; display: inline-block; margin-bottom: 10px; }
.single-gd .btn { background-color: #dc0113; border-color: #dc0113;
    color: #fff; margin-top: 15px; }
.single-gd .btn:hover { background-color: transparent; border-color: #dc0113;
    color: #dc0113; box-shadow: 1px 2px 4px #777; }
.blog .list-group-item.active { background: #dc0113; border-color: #dc0113; }

/*-single-*/
.single-gd { padding: 1em 2em; border: 3px solid #f5f5f5; margin-bottom: 1em; }
.single-gd h4 { font-size: 1.2em; color: #0e0f10; margin-bottom: 20px; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; }
h5.mt-0 { font-weight: 600; margin-bottom: 15px; letter-spacing: 1px; }
.progress  { font-size: 0.75em; line-height: 8em; text-align: center; background-color: #d6d9da; border-radius: 0.25rem; margin-bottom: 1em; } 

.card-body { padding: 12px; }
.card-header { padding: 0; color: #0e0f10; }
.card-header button.btn.btn-link { color: #00c389; font-weight: 600; }

.single-gd form input { width: 100%; }
.single-gd img { width: 100%; margin-bottom: 1em; }
.about-us .btn { background-color: #385cc9; border-color: #7195ff; }
.media-body p { color: #777; line-height: 1.8em; margin-bottom: 3em; }

.comment h3,
.comment-top h4 { color: #222323; font-size: 1.3em; text-align: left; padding: 0 0 0.5em; font-weight: 600; letter-spacing: 1px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    margin-bottom: 1em; }
.comment-top .btn-primary { background: #dc0113; border-color: #ff404f; }
.comment-top .btn-primary:hover { background: transparent; color: #dc0113; box-shadow: 1px 2px 4px #777; }
.blog-sec h5.card-title { color: #343a40; font-size: 26px; letter-spacing: 2px; font-weight: 600; text-transform: capitalize; }
.media img { margin-right: 15px; }
.comment-top { margin-top: 2em; padding: 20px; background: #fbfbfb; border: 2px dashed #eee; }
.blog-grid-right h5,
.blog-right h5 { font-size: 0.95em; line-height: 1.4em; font-weight: 600; }
.blog-grid-left { width: 30%; float: left; }
.blog-right { width: 70%; float: left; padding-left: 10px; }
.blog-grid-right h5 a,
.blog-right h5 a { color: #333; font-weight: 500; letter-spacing: 1px; line-height: 26px; font-size: 17px; }
.blog-grid-right p,
.blog-right p { font-size: 14px; }
.tech-btm img { background: #fff; padding: 6px; }
/* //blog responsive code */

/*--  social media icon  --*/

#st-2 { left: 0;  width: 100%; right: 0; top: 30%; width: 40px; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; backface-visibility: hidden; display: block;
   position: fixed; opacity: 1; z-index: 100; }
#st-2 .st-btn { -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; text-align: center; width: auto; }
#st-2 > div { -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; clear: none; flex: 1; float: none; }
#st-2 .st-btn { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.2s ease-in; 
-ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
   border: none; cursor: pointer; display: block; height: 40px; line-height: 40px; margin-bottom: 10px; opacity: 1; overflow: hidden; position: relative;
   top: 5px; vertical-align: top; white-space: nowrap; width: 100%; }

#st-2 .st-btn[data-network='facebook'] { background-color: #4267B2; border-bottom-right-radius: 20px!important;
    border-top-left-radius: 20px!important; }

/*
#st-2 .st-btn[data-network='whatsapp'] {
   background-color: #25d366;
}
*/

#st-2 .st-btn[data-network='youtube'] { background-color: #1da1f2; color: #fff; border-top-left-radius: 20px!important; border-bottom-right-radius: 20px!important; }
#st-2 .st-btn[data-network='instagram'] { background-color: #6f3fb9; color: #fff; border-top-left-radius: 20px!important; border-bottom-right-radius: 20px!important; }
#st-2 .st-btn[data-network='linkedin'] { background-color: #0274b3; color: #fff; border-top-left-radius: 20px!important; border-bottom-right-radius: 20px!important; }
/*
#st-2 .st-btn[data-network='linkedin'] {
   background-color: #0077b5;
}
*/

#st-2 .st-btn[data-network='instagram'] { background-color: #C13584; border-top-left-radius: 20px!important; border-bottom-right-radius: 20px!important; }
#st-2 .st-btn[data-network='twitter'] { background-color: #1bd741; border-top-left-radius: 20px!important; border-bottom-right-radius: 20px!important; }
#st-2 .st-btn[data-network='twitter'] img { width: 20px;} 
#st-2 .st-btn.st-last { border-bottom: none; border-bottom-left-radius: 7px; }
#st-2 .st-btn[data-network='facebook'] img { width: 20px;}
#st-2 .st-btn[data-network='youtube'] img { width: 15px;}
#st-2 .st-btn[data-network='instagram'] img { width: 20px;}

/*  social media section end  here  */

@media screen and (max-width: 1080px) {
    .blog_info p { line-height: 1.5; letter-spacing: 0.3px; }
    .blog_info { min-height: 275px; padding: 1em 2em; }
    .blog_info.blog-right { min-height: 305px; width: 100%; }
}

@media screen and (max-width: 1050px) {
    .blog_info.blog-right { min-height: 297px; }
    .blog-x.br-mar { margin-top: 1.2em; }
    .blog_info.blog-right { min-height: 370px; }
    .blog_info.blog-right { min-height: 370px; width: 100%; }
    .blog_info.blog-right.two { min-height: 369px; }
    .single-gd h4 { font-size: 1em; }
}
@media screen and (max-width: 1024px) {
    .blog_info.blog-right { min-height: 372px; }
    .blog_info.blog-right.two { min-height: 373px; }
	header .container { max-width:98%; }
	header .container  { margin-right: 20px;}
	}
@media screen and (max-width: 991px) {
    .blog_info { min-height: auto; padding: 2em 2em; }
    .blog_info.blog-right { min-height: auto; }
    .blog-side.blog-top-right { padding-right: 0; margin-top: 1em; }
    .blog_info.blog-right.two { min-height: auto; }
    .single-gd h4 { font-size: 1em; }
    .single-left { margin-top: 2em; }
    .blog-sec .card:nth-child(2) {  margin: 1.5em 0; }
    .gal-img,
    .featured-content { float: left; width: 50% !important; margin-bottom: 1em; }
}

@media screen and (max-width: 667px) {
    .blog-side.blog-top-right { padding-right: 0; margin-top: 1em; padding: 0; }
    .blog-sp { padding: 0; }
    .single-left { margin-top: 2em; padding: 0; }
}

@media screen and (max-width: 640px) {
    .blog-sp { padding: 0; }
}
@media screen and (max-width: 600px) {
    .comment-top input[type="submit"] { width: 40%; }
    .gal-img { float: left; width: 100% !important; }
}
@media screen and (max-width: 414px) {
    .comment-top input[type="submit"] { width: 45%; }
}
/* //blog responsive code */
@media only screen and (max-width:800px) {
	.contact-form-bg .btn-danger { margin-top:initial;}
	header .container { max-width:98%; }
	.header-contact .btn { padding: 8px 13px; font-size:14px;}
	
}
@media only screen and (max-width:768px) {
	.ds { display:none !important;} 	
	.menu li a { padding: 10px 15px;}
	.header-contact { margin-right:20px;}
	.detail-section h4 { font-size:2em;}
	.exp h4 { font-size:34px;}
	.exp h5 { font-size:24px;} 
	.banner-inner .detail-section { top:14%;}
	.contact-form-bg { padding: 2em 1.5em 1em 1.5em; }
}
@media only screen and (max-width:500px) {
    .detail-section { top: 20px; padding: 0px; width: 95%; }
	.exp h4 { font-size:26px;}
    .detail-section h4 { padding: 0px 10px; font-size: 28px;  }
	.banner-inner .detail-section h4 { font-size: 32px; }
    .detail-section h5 { padding: 0px 10px;  text-shadow: 1px 2px 6px #000; font-size: 14px; color:#fff; }
    .choose-icon { width: 100%; display: flex; margin-top: 15px; margin-top: 12px;
        display: flex; justify-content: center; align-items: center; border: 1px solid #dc0113; border-radius: 5px; }
    .sb_wrapper { position: inherit; }
    .sb_wrapper input[type="text"] { width: 100%; }
    ul.sb_dropdown { width: 100%; }
    .priceing-table-main .col-md-4 { width: 100%; }
    .banner-inner .detail-section { top: 10%; }
    .stats h1.heading { font-size: 24px; line-height: 35px; }
    .stat-grids h4 { font-size: 18px; }
    .choose-icon { padding: 10px; display: block; }
    .thanku h2.heading { font-size: 3em; font-weight: 100; }
	.on-time h2::before, .on-time h2::after { display:none;}
}

@media only screen and (max-width:380px) {
    .detail-section { padding: 0px; top: 10px; }
	.detail-section h4 { padding: 0px 10px; }
	.detail-section h4, .banner-inner .detail-section h4 { font-size: 22px; }	
}