/**** General Styles****/
body{      font-family: 'Titillium Web', sans-serif; font-size: 20px; line-height: 32px; color: #000000; font-weight: 400;  }
ul {padding:0px;margin:0px; list-style:none;}
li {padding:0px; margin:0px; list-style:none;}
a { outline:none;text-decoration: none;transition: all 0.3s ease;}
a img {border: 0;}
p { padding:0px; margin:0px;}
ol li {list-style:decimal inside; margin-left: 0; padding-left: 1.5em; text-indent: -1.5em;}
img { max-width:100%;}
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
.aligncenter {display: block;   margin: 5px auto 5px auto;}
a img.alignright {float: right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;  margin-left: auto;  margin-right: auto}
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%; padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;    height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px;  margin: 0;  padding: 0 4px 5px;}
b,strong{font-weight: bold;}

ul{padding: 0px; margin: 0px;}
a:hover{text-decoration: none;}
img{max-width: 100%;height: auto;}
@media (min-width: 1300px){.container{max-width: 1270px;}}
h1,h2,h3,h4, h5, h6{ font-weight: 700; color:#101010; font-family: 'Titillium Web', sans-serif; }
h1{font-size: 80px;line-height:90px;}
h2{font-size: 60px;line-height:70px; }
h3{font-size: 42px;line-height: 56px;}
h4{font-size: 32px;line-height: 40px;}
h5{font-size: 24px;line-height: 36px;}

p{margin-bottom: 1em;}
p:last-child{margin-bottom: 0px;}
/***Header***/
header { position: absolute;display: inline-block;width: 100%;background: #fff;}
body.gallerypage .headers{position: relative!important;width: 50px;    float: right;}
.logo img{ transition: all 0.3s ease; max-width: 100%; }
.header_top_menu,.social_icons{display:inline-block;}
.header{padding: 0px;transition: all 0.3s ease; /*background-color: #565656;*/ }
.navbar-nav > li{ display: inline-block;padding:15px}
.navbar-nav > li.menubutton a{border: 1px solid #E2000F; padding: 15px; color: #E2000F;}
.navbar-nav > li.menubutton a:hover{border: 1px solid #000; padding: 15px; color: #000;}
.navbar-nav > li > a{color:#000;display: block; font-size: 16px; text-transform: capitalize; line-height: 27px; }
.menu-item-has-children i{ margin-left: 8px; color:#000000 ; }
.main_menu{display: inline-block;}
.menu_container a{color:#000000;transition: all 0.3s ease;}
.navbar-nav > li > a{position: relative; font-weight: 600;}
/*.navbar-nav > li.current_page_item > a:after{ content:'';position:absolute; bottom:-20px; left: 0px; width:100%; background:#950F02; height:5px; }*/
.menu_container a:hover{ color:#E2000F; }
.navbutton{display: none;}
.sticky_header{position: fixed;top: 0px; left: 0px; width: 100%; z-index: 9999;box-shadow: 0px 3px 10px rgb(0 0 0 / 11%); }
.sticky_header .header_middle{padding-top: 10px; padding-bottom: 10px; }
.header.sticky_header .logo img{width:61%}
.header.sticky_header .navbar-nav > li > a{font-size: 16px}
.header.sticky_header .bottom_header {    padding: 10px 0;}
.header_sub{height: 140px;}
header .close{opacity: 1;}  
.navbar-nav > li > a:hover,.navbar-nav > .current_page_item > a{color: #E2000F;}
.current_page_item > a{color: #E2000F;}
.btn{background: #E2000F;  border-radius: 4px; overflow: hidden;  color:#fff;   font-size: 20px; font-weight: bold; padding: 15px 30px;    text-align: center;transition: all 0.4s ease; }
.btn:hover{ background: #565656; color:#FFF; }
.top_header .social_media_links{padding: 8px 0;}
.top_header .social_media_links li{display: inline-block;padding: 0 16px; border-right: 1px solid #737373; line-height: 17px;}
.top_header .social_media_links li:first-child{padding-left: 0;}
.top_header .social_media_links li a{color: #FFF;}
.top_header .social_media_links li:last-child{border: none;}
.top_header .header_contact :first-child .svg-inline--fa{margin-top: -6px;}
.top_header{background-color: #565656; }
.top_header a{color: #FFF; font-size: 18px;}
.top_header .header_contact{text-align: right;}
.top_header .header_contact li{display: inline-block;padding: 0 30px; border-right: 1px solid #737373;}
.top_header .header_contact li .svg-inline--fa{color: #FFF; margin-right: 10px;}
.top_header .header_contact li:last-child{border: none; padding-right: 0;}
.top_header .svg-inline--fa{vertical-align: middle;}
.top_header a:hover{color: #e2000e;}
.top_header .svg-inline--fa:hover{color: #e2000e;}
.bottom_header{padding: 14px 0;}

/**banner**/
.homebanner{    background: url(images/homebannerimage.png) no-repeat;    background-size: cover;    padding: 170px 0px 185px 0;    color: #fff; background-position: top center; position: relative; font-size: 20px;  }
.homebanner::before{content: ''; position: absolute; background: rgba(0, 0, 0, 0.4); top: 0px; left: 0px; right: 0px;  width: 100%; height: 100%;}

.homebanner h1{color: #FFF; z-index: 1;  font-family: 'Titillium Web', sans-serif; font-size: 76px; font-weight: bold; line-height: 88px; margin-bottom: 30px;}

.homebanner p{padding-right: 170px; margin-bottom: 40px;}

.sub_inner {    position: relative;    z-index: 9; padding: 0 270px 0 0;}

/**Home About**/
.innerbanner{ background: url(images/about_banner_img.png) no-repeat;    background-size: cover;padding: 95px 0 75px 0; position: relative;text-align: center;}
.innerbanner::before{content: ''; position: absolute; background: rgba(0, 0, 0, 0.4); top: 0px; left: 0px; right: 0px;  width: 100%; height: 100%;}
.innerbanner h1{z-index: 1; position: relative;color: #FFF; font-size: 47px; font-weight: bold; line-height: 71px; text-transform: capitalize;}
.breadcrumb{text-align: center; color: #FFF;    display: inline-block; z-index: 1;position:relative;text-transform:capitalize; font-size: 18px; line-height: 22px;}
.breadcrumb a{color:#cdcdcd; margin-right: 5px; border-right: 1px solid #FFF; padding-right: 10px;    line-height: 15px;    display: inline-block;}
.breadcrumb a:hover{color:#FFF}
.faq_banner{background: url(images/faqbanner.jpg) no-repeat;background-position: center center!important;}


.about_section{padding:100px 0px;background: url(images/abt_sec_bg.png) no-repeat;background-position: bottom right!important; } 
body.services_page .about_section{padding-bottom: 50px ;}
.right_cnt_div{padding-right: 100px; }
.about_section h2{ margin-bottom:40px;font-size: 42px; line-height: 52px; font-weight: 700; }

.about_section h5{ margin-bottom:20px; font-size: 22px; font-weight: 700; text-transform: uppercase; color: #E2000F; }
.about_section .btn{ margin-top:20px; background-color: #FFF; color: #E2000F; border: 1px solid #E2000F; }
.about_section .btn:hover{color: #565656; border: 1px solid #565656;}
.img_right_div{position: relative; text-align: right;}
body.aboutus .img_right_div{padding-right: 65px;}
.img_right_div:after{content: ''; background-image: url(images/red_img_border.png); background-position: top right; background-repeat: no-repeat; background-size: contain;position: absolute; height: 317px; width: 25px; top: 0; right: 0;}

body.aboutus .about_section h2{ margin-bottom:25px;font-size: 22px; line-height: 34px; font-weight: 700; }
body.aboutus .right_cnt_div{padding-right: 0; }

body.projects .img_right_div{padding-right: 0px;}
body.projects .img_right_div:after{display: none;}
body.projects .right_cnt_div{padding-right: 0; }
.img_left .img_right_div{text-align: left;}

.projects_outer{background-image: url(images/projects_bg_1.png); background-repeat: no-repeat; background-position:0% -335px;}
.projects_list_section{padding: 60px 0;}
.projects_list_section.first_project_section{padding-top: 120px;}
.projects_list_section h2{ margin-bottom: 35px; font-size: 42px; line-height: 52px; font-weight:700}
.after_img_div{position: relative;}
.after_img_div::before{content: ''; background-image: url(images/projects_bg_2.png); background-position: top right; background-repeat: no-repeat; background-size: contain;position: absolute; height: 289px; width: 288px; top: -27px; right: 61px;}




body.technologiesused .innerbanner{background-image: url(images/techused_banner_img.png);}
body.casestudies .innerbanner{background-image: url(images/case_studies_banner_img.png);}
body.contact_us .innerbanner{background-image: url(images/contactus_banner_image.png);}


body.casestudies .img_right_div{padding-right: 0px;}
body.casestudies .img_right_div:after{display: none;}
body.casestudies .right_cnt_div{padding-right: 0; }

body.contact_us .img_right_div{padding-right: 0px;}
body.contact_us .img_right_div:after{display: none;}
body.contact_us .right_cnt_div{padding-right: 0; }
.info_contact li{position: relative; padding-left: 70px; margin-bottom: 60px; display: inline-block; width: 100%;}
.info_contact li h5{padding-top: 7px; margin-bottom: 10px;}
.info_contact .svg-inline--fa{background-color: #E2000F; color: #FFF; padding: 15px; border-radius: 100%; float: left; position: absolute; top: 0; left: 0;}
.info_contact li:first-child .svg-inline--fa{    padding: 14px 17px; }
.info_contact{padding: 0; margin: 0; display: inline-block; width: 100%; padding-right: 50px;}
.info_contact li h5{font-size: 24px; line-height: 30px;text-transform: capitalize;    color: #000;}
.info_contact a{color: inherit;}
.info_contact a:hover{color: #E2000F;}
.contact_form p{font-size: 22px; line-height: 34px; font-weight: bold;}



.home_projects_section{padding:155px 0 120px 0; background-color: #fff3f3;background-image: url(images/home_projects_section_bg.png); background-position: top center; background-repeat: no-repeat; background-size: contain;}
.home_projects_section h2{ margin-bottom:40px;font-size: 42px; line-height: 52px; font-weight: 700; }
.home_projects_section h5{ margin-bottom:20px; font-size: 22px; font-weight: 700; text-transform: uppercase; color: #E2000F; }
.home_projects_section .btn{ margin-top:40px; background-color: #FFF; color: #E2000F; border: 1px solid #E2000F; }
.home_projects_section .btn:hover{color: #565656; border: 1px solid #565656;}
.projects_list_sec{padding-top: 45px;}
.home_projects_section .projects_list_sec .project_box{background-color: #FFF; text-align: left; padding: 24px 24px 35px 24px;}
.home_projects_section .projects_list_sec .project_box h3{font-size: 26px; line-height: 42px; font-weight: 700;}
.home_projects_section .projects_list_sec .project_box img{border-bottom: 2px solid #ececec; padding-bottom: 25px; margin-bottom: 20px;}
.home_projects_section .projects_list_sec .project_box .btn{ margin-top: 10px;}


.home_single_project{ background-color: #FFF;}
.home_single_project .right_cnt_div{padding: 120px 70px 120px 0; }
.home_single_project .img_right_div{padding: 50px 0 0 0;}
.home_single_project .img_right_div:after{display: none;}
.home_single_project h2{ margin-bottom:30px;font-size: 42px; line-height: 52px; font-weight: 700; }
.home_single_project h4{ margin-bottom:10px;font-size: 26px; line-height: 52px; font-weight: 700; }
.home_single_project h5{ margin-bottom:20px; font-size: 22px; font-weight: 700; text-transform: uppercase; color: #E2000F; }




ul.contentlist{ padding-left: 0}
ul.contentlist li{list-style-type: none; list-style-position: outside; margin-bottom: 15px; position: relative; padding-left: 25px;}
ul.contentlist li:before{content:''; background-color: #E2000F; width: 10px; height: 10px; border-radius: 100%; position: absolute; top: 11px; left: 0;    }
.home_wallpaper_section{text-align: center; }
.home_wallpaper_section h3{margin-bottom: 65px;}
.slick-slide img{margin: auto;}
.wallpaper_slider_outer_div{ background-color: #f7f0ea; padding: 115px 0;}
h3.brdr_btm{position: relative;margin-bottom: 25px;    padding-bottom: 25px;}
h3.brdr_btm:before{content: ''; position: absolute; background-color: #bcbcbc; width: 140px;; bottom: 0; left: 0px;    height: 4px;}

.technologies_list_section{background-color: #fff5f4; padding: 115px 0 85px 0;}
.technologies_list_section h3{font-size: 24px; line-height: 32px;text-transform: capitalize; margin-bottom: 15px;min-height: 40px;}
.tech_list{text-align: center; background-color: #FFF; padding: 40px 30px 35px 30px; margin-bottom: 30px; min-height: 370px;}

body.partners .tech_list{min-height: inherit; line-height: inherit; padding: 25px;}
body.partners .tech_list a{display: inline-block;}
body.partners .tech_list img{vertical-align: middle;}
/**/
.industry_section{background-image: url(images/indusrevolutionbg.png); background-position: top center; background-size: cover; background-repeat: no-repeat; padding: 90px 0; text-align: center; position: relative; color: #FFF;}
.industry_section:before{content: ''; position: absolute; background-color: rgba(0, 0, 0, 0.7); width: 100%; bottom: 0; left: 0px; right: 0; top: 0;   height: 100%;}
.industry_section h2{font-size: 42px; line-height: 47px; font-weight: bold; color: #FFF; margin-bottom: 40px;}
.cnt_relative{position:relative}
.projects_title_sec .cnt_relative_right{text-align:right}
.industry_section p{margin-bottom: 40px;}
.content_list{margin: 20px 0;}
.content_list li{position: relative; padding-left: 30px; margin-top: 20px; font-size: 24px;width: 49%;    display: inline-block;}
.content_list.full_width li{width: 100%; }
.content_list li:before{content: ''; position: absolute; background-image: url(images/icon_list.png); background-repeat: no-repeat;  top: 7px; left: 0px;     width: 18px;height: 18px; margin: auto;}
.content_list.fullwidth li{position: relative; padding-left: 30px; margin-top: 20px; font-size: 24px;width: 100%;    display: inline-block;}
.content_list.fullwidth li p{line-height:35px;}
.about_section.tips_content_section{padding: 75px 0;}
.tips_content_section h1{color: #000; z-index: 1;  font-family: 'Titillium Web', sans-serif; font-size: 41px; font-weight: 600; line-height: 50px; position: relative;padding-bottom: 40px; margin-bottom: 20px; text-align: center;}
.tips_content_section h1:after{content: ''; position: absolute;  bottom: 0px; left: 0px; right: 0px;  background-color: #bcbcbc; width: 230px;height: 5px; margin: auto;}
.innerbanner h2{ z-index: 1; position: relative;color: #FFF!important;}
.form_btn{margin: 0;}
.list_content_section.thankyoucnt{padding-bottom:50px}

.contact_form .btn{background: #E2000F;  border-radius: 4px; overflow: hidden;  color:#fff;   font-size: 20px; font-weight: bold; padding: 15px 30px;    text-align: center;transition: all 0.4s ease; margin-top: 5px; }
.contact_form .btn:hover{ background: #565656; color:#FFF; }
body.contact_us .about_section h2{margin-bottom: 55px;}
body.contact_us .about_section{padding-bottom:50px; background-image:none}

/* Style for the accordion */
.accordion{padding: 10px;}
.accordion .accordion-item {    border-bottom: 1px solid #e5e5e5; padding: 15px;  }
.accordion .accordion-item button[aria-expanded='true'] {    border-bottom: 1px solid #565656;  }
.accordion button {position: relative;display: block;text-align: left;width: 100%;padding: 1em 0;    color: #bcbcbc;    font-size: 1.15rem;    font-weight: 400;    border: none;background: none;outline: none;  }
.accordion button:hover,  .accordion button:focus {    cursor: pointer;    color: #565656;  }
.accordion button:hover::after,  .accordion button:focus::after {    cursor: pointer;    color: #bcbcbc;    border: 1px solid #bcbcbc;  }
.accordion button .accordion-title {    padding: 1em 1.5em 1em 0;  }
.accordion button .icon {display: inline-block;position: absolute;top: 18px;right: 0;width: 22px;height: 22px;    border: 1px solid;    border-radius: 22px;  }
.accordion button .icon::before {    display: block;    position: absolute;    content: '';    top: 9px;    left: 5px;    width: 10px;    height: 2px;    background: currentColor;  }
.accordion button .icon::after {    display: block;    position: absolute;    content: '';    top: 5px;    left: 9px;    width: 2px;    height: 10px;    background: currentColor;  }
.accordion button[aria-expanded='true'] {    color: #565656;  }
.accordion button[aria-expanded='true'] .icon::after {    width: 0;  }
.accordion button[aria-expanded='true'] + .accordion-content {    opacity: 1;    max-height: 1000em;    transition: all 200ms linear;    will-change: opacity, max-height;  }
.accordion .accordion-content {    opacity: 0;    max-height: 0;    overflow: hidden;    transition: opacity 200ms linear, max-height 200ms linear;    will-change: opacity, max-height;  }
.accordion .accordion-content p {    font-size: 1rem;    font-weight: 300;    margin: 2em 0;  }
/**Footer**/
.ctasection{padding: 70px 0; color: #FFF; background-color: #bcbcbc; }
.ctasection h4{font-size: 42px; line-height: 56px; font-weight: bold; color: #FFF;}
.cta_btn{font-size: 24px;    font-weight: bold; color: #bcbcbc; text-align: center; background-color: #FFF; padding: 12px 27px; line-height: normal; transition:all 0.3s ease; display: inline-block}
.cta_btn:hover{color: #FFF; background-color: #000;}
.svg-inline--fa.fa-phone{margin-right: 5px;}
.contact_section ul.social_links li a{    color: #bcbcbc;    border: 1px solid #bcbcbc;    padding: 7px 15px;    border-radius: 100%;}
.contact_section ul.social_links li a:hover{    color: #000000;    border: 1px solid #000000;   }
.contact_section{ padding: 50px 0; border-bottom: 1px solid #cdcdcd;}
.contact_section ul.social_links {    text-align: left;  }
.contact_section .cta_btn{font-size:40px;background-color: transparent; padding: 0; margin-bottom: 20px; margin-bottom: 25px;}
.contact_section .cta_btn:hover{ background-color: transparent; color: #000;}
.contact_section h5{margin-top:15px}
.contact_section h3.brdr_btm{position: relative;margin-bottom: 25px;    padding-bottom: 25px; }
.contact_section h3.brdr_btm:before{content: ''; position: absolute; background-color: #bcbcbc; width: 140px;; bottom: 0; left: 0px;  text-align: left; margin: auto;    height: 4px;}


footer a{color: #000;    position: relative;    z-index: 999;}
footer a:hover{color: #e2000e;}
.footer_top { padding:70px 0px 50px 0 ; font-weight: 400; font-size:18px; color: #000;}
.ftr_cnt_div{border-bottom: 1px solid #d7d7d7; display: flex; width: 100%;}
footer .svg-inline--fa{margin-right: 15px;vertical-align: middle;color: #e2000e;}
footer .svg-inline--fa:hover{color: #565656;}
.footer_top p{ font-size:16px; color:#858585;line-height:1.5; }
.footer_top input{ border:1px solid #D6D8DE; margin-right:24px; padding:15px 16px; color:#B1B1B1; min-width:470px;border-radius: 4px; }
.footer_top form{margin-top: 45px;}
.footer_top button{ border-radius: 4px; background: #bcbcbc; }
.footer_top form p{ margin-top: 35px; color: #101010;font-weight: 400;font-size: 18px;line-height: 150%; }
footer{padding-top: 0px; border-top: 1px solid #f8ebec; }
.footer_content{ max-width:260px; }
.footer_content .footer_logo{ margin-bottom:16px; display:inline-block; }
.footer_content p{color: #5D6A83;font-size: 16px; line-height: 180%;}
.social_links li{display: inline-block;margin-right: 12px;}
.social_links li a{ color: #bcbcbc;}
.quick_nav h5,.contact_footer h5{ color: #bcbcbc; font-size: 20px;font-weight: 600;margin-bottom: 24px;}
.quick_nav ul li{ margin-bottom:15px; }
.quick_nav ul li a{ color: #5D6A83; font-size: 16px; transition:all 0.3s ease; }
.quick_nav ul li a:hover{ color:#bcbcbc; text-decoration:underline; }
.footer_top > .container > .row > div{padding:0 20px}
.ftr_address li{list-style-type: none; list-style-position: outside; position: relative; margin-right: 0; padding-left: 30px}
.ftr_address li:before{content: ''; background-image: url(images/address.png); background-repeat: no-repeat; position: absolute; top: 8px; left: 0; width: 24px; height: 24px;}
.ftr_phone .svg-inline--fa.fa-phone{margin-top: -5px;}
.border_bottom .brdr_btm{ border-top: 2px solid #d6d6d6;}
footer .social_media_links{padding-bottom: 40px;}
footer .social_media_links li{margin-right: 0;border-right: 1px solid #737373; padding: 0 10px;}
footer .social_media_links li:last-child{border-right:none; margin-right: 0;}
footer{border:none;background: #FFF;  color: #000; font-size: 16px; position: relative; overflow: hidden;}
footer:before{content: ''; background-image: url(images/ftrbg.png); background-repeat: no-repeat; position: absolute; bottom: 0px; right: 0; width: 750px; height: 357px; opacity: 0.2;}
.ftr_top{font-size: 20px; padding-top: 35px;}
footer ul li{display:inline-block;margin-right:25px}
footer ul li a{color: #000;}
footer ul li a:hover{color: #e2000e;}
ul.social_links{text-align:right}
ul.social_links li a:hover{opacity:0.9}
.ftr_btm{background-color: #565656; color: #FFF; padding: 15px 0;border-top: 1px solid #565656;border-bottom: 1px solid #FFFFFF; }
.copyrightcnt{   font-size: 18px; line-height:inherit;}

/* BOF contact page style */
.contact_form{padding-right: 25px;}
.contact_right{padding-left: 25px;}
.contact_page_cnt{padding: 100px 0;}
.form_field{width: 100%;    border: 1px solid #bcbcbc; padding: 5px 0 5px 15px; border-radius:5px; font-size: 16px;}
.txtareafield{min-height: 210px;}
.form_div_inner{margin-top: 15px;}
.contact_form label{font-weight: 300; font-size: 13px;}
.location{background-image: url(images/map.png); background-repeat: no-repeat; background-position: 0% 4px; padding-left: 35px; margin-top: 20px;}
.phone_number{background-image: url(images/phone.png); background-repeat: no-repeat; background-position: 0% 4px; padding-left: 35px;margin-top: 20px;}
.email_id{background-image: url(images/email.png); background-repeat: no-repeat; background-position: 0% 8px; padding-left: 35px;margin-top: 20px;}
.contact_right ul li{margin-bottom: 15px}
.contact_right ul li a{color: #000;}
.contact_right ul li a svg{margin-right: 9px; color: #bcbcbc;}
.contact_right ul li a i{margin-right: 15px;}
button{margin-top: 20px;}
.tab_mobile_only_show{display: none}



/* EOF contact page style */
/**inner pages**/
/***Mobile Responsive***/
@media(min-width: 768px){.accordion_body{display: block!important;} }
@media(min-width: 1200px){
.navbar-nav > li > a{ display: block;  }
.heaer_top li a,.navbar-nav li.has-sub-nav > ul > li a{  }
.navbar-nav li.has-sub-nav {position: relative; }
.navbar-nav > li ul {left:0px;float:left;width: 100%;text-align: left;position: absolute;width: 250px;background:#000;  z-index: 9;opacity: 0;top: 150%;visibility: hidden;-webkit-transition: all .15s ease; -moz-transition: all .15s ease;-ms-transition: all .15s ease;-o-transition:all .15s ease;transition: all .15s ease; }
.navbar-nav li:hover ul { opacity: 1;top: 100%;visibility: visible;}
.navbar-nav  li  > ul > li > a{padding: 8px 15px; display: block; color: #fff; line-height: 21px; font-size: 16px;}
.navbar-nav  li > ul > li:hover a{ background: #E2000F; color: #fff; }
.main_menu{display: inline-block!important;}
.navbar-nav{ flex-direction: row; align-items: center; }
.navbar{ justify-content: flex-end;  }
.navbar-nav > li.has-sub-nav > a{ /*padding-right: 25px; */}
.has-sub-nav{ /*background-image: url(images/dsub_menu.png);*/ background-position:96% 23px; background-size: 14px; background-repeat:no-repeat;}
.has-sub-nav a i{margin-left: 5px; position: relative; top: 2px; font-size: 16px;}
.navbar-nav > li:last-child{padding-right: 0px;}
}

@media(min-width: 1500px){
.container{max-width: 1440px;}    
.header_sub {height: 151px;} 
}

@media(max-width: 1500px){
.navbar-nav > li > a{ }
.navbar-nav > li {  display: inline-block; padding: 15px 12px; } 
.header_sub {    height: 149px;  }
.sub_inner{padding: 0 150px;}
.slick-prev {    left: 0;  }
.slick-slide{    margin-right:15px;    margin-left:15px;}
.home_projects_section .projects_list_sec .project_box h3{font-size: 23px;    line-height: 37px;}
.footer_top > .container > .row > div {    padding: 0 10px;  }
}

@media(max-width: 1300px){
    h1{font-size: 48px; line-height: 54px;}
    h2{font-size: 36px; line-height: 48px;}
    h3{font-size: 28px;line-height: 40px;}
    h4{font-size: 20px;line-height: 30px;}
    body{font-size: 16px;line-height: 27px;}
    .sub_inner{padding: 0 50px;}
    .navbar-nav > li{padding:15px 7px}
    .right_cnt_div{ padding-top: 0;}
    .top_header a{font-size:15px}
    .homebanner{padding: 150px 0;}
    .about_section {        padding: 70px 0px;      }
    .wallpaper_slider_outer_div{        padding: 70px 0px;      }
    .list_content_section{        padding: 70px 0px;      }
    .ctasection h4{font-size: 35px;}
    .navbar-nav > li > a{font-size:15px}
    .contact_section ul.social_links li a{padding: 9px 15px;}
    .home_projects_section .projects_list_sec .project_box h3 {font-size: 20px;line-height: 32px}
    .footer_top > .container > .row > div {        padding: 0 5px;      }
    .footer_top{font-size: 16px;}
    footer ul li {margin-right:14px;font-size:16px}
    .projects_list_section h2{font-size: 36px ;        line-height: 48px ; margin-bottom: 15px;}
    .industry_section h2{font-size: 36px ;        line-height: 48px ; }

}



@media(max-width: 1199px){
h2{font-size: 45px; line-height: 55px;}
h3{font-size: 40px;line-height: 50px;}
h4{font-size: 20px;line-height: 30px;}
.main_menu{ display: none; }
.navbar-nav > li.has-sub-nav a { width: 100%; text-align: left;}
.navbar-nav{flex-direction: column;}
.navbar-nav > li > a { display: inline-block; font-size: 16px;display: block;}
.navbar { padding: 0;}
.sidebar_open:before{content:'';position:fixed;top:0;left:0;right:0;background-color:rgba(0,0,0,0.6);width:100%;height:100%;z-index:9}
.mobilemenu_icon{width:25px;height:30px;display:inline-block;overflow:hidden;cursor: pointer;right: 0; top: 3px; float: right;position: relative; }
.navbar_line{height:3px; background-color: #e2000e; position:absolute; top:7px; left:0; width:25px; }
.navbar_line2{top:15px;}
.navbar_line3{top:23px;}
.sidebar_open .mobilemenu_icon{background: transparent;}
.sidebar_open .navbar_line{left:100%; }
.sidebar_open .navbar_line2{left:100%;}
.sidebar_open .navbar_line3{left:100%; }
.mobilemenu_icon_open{width:25px;height:25px; top: 15px; right: 15px; position:absolute;background-size:cover; z-index: 99; overflow:hidden; }
.navbarclose_line1{height: 2px;background-color: #fff;position: absolute;top: 11px;left: 0;width: 25px;transform: rotate(0); opacity:0;}
.navbarclose_line2{height: 2px;background-color: #fff;position: absolute;top: 11px;left: 0;width: 25px;transform: rotate(0); opacity:0;}
.sidebar_open .navbarclose_line1{transform: rotate(-136deg);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s; transition-delay: 0.2s; opacity:100;}
.sidebar_open .navbarclose_line2{transform: rotate(136deg);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s; transition-delay: 0.2s; opacity:100;}
.sidebar_open .navbar-header{ right:0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;}
.navbar-header{overflow: auto;}
.sidebar_open{ overflow:hidden}
.navbar-header { float: none; position: fixed; height: 100%; z-index:999999;background: #e2000e;width:280px;  top:0; right: -100%;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;}
.navbar-nav {text-align: left; padding-top: 50px;}
.navbar-nav > li.has-sub-nav a{ width:100%;text-align: left;}
.navbar-nav > li.has-sub-nav.mega_menu{ background-image: none}
.navbar-nav > li.has-sub-nav.mega_menu  a{ width:100%}
.navbar-nav > li {width: 100%;display: block;text-align: left; border-bottom: solid 1px rgb(246 246 255 / 40%);}
.navbar-nav > li > a {color: #fff;padding: 10px;margin:0;}
.navbar-nav > li > a:hover { background: #565656; color: #fff; text-decoration: none;}
.navbar-nav > li > a {display: block;font-size: 16px; font-weight: 600; padding: 15px 21px; }
.navbar-nav > li > ul > li {border-bottom:solid 1px rgb(246 246 255 / 40%);}
.navbar-nav > li > ul > li:last-child{border-bottom: none;}
.navbar-nav > li > ul > li > a {text-transform: capitalize; font-size:16px; font-weight: 400; padding: 10px 0;    display: block; color: #fff;}
.navbar-nav > li > ul {position: relative;width: 100%; top:0; left:0;background: rgba(0, 0, 0, 0.4); display: none}
.navbar-nav > li:hover{color:#ffcc2a;}
.navbar-nav > li > ul li { padding-left: 15px; }
.navbar-nav > li {padding: 0px 0px 0 0px;}
.navbar-nav > li:hover > a { color: #fff; }
.navbar-nav > li.current-menu-item > a { color: #fff; }
.navbar-nav > li:after {bottom: -1px;}
.navbar-nav > li:hover:after{ display: none}
.has-sub-nav{ position:relative; }
.has-sub-nav a i{ position:absolute; right:0px;  height:45px; width:45px; z-index:999;  background: rgba(0, 0, 0, 0.4); text-align: center; line-height: 45px; top:0px; }
 .navbar-nav > li.current_page_item > a:after{display: none;}
.main_menu .sub-menu{display: none;}
.header { position: relative;}
.header_sub { height: 0px;}
.navbar-nav > li > a:hover, .navbar-nav > .current_page_item > a{ color:#fff;  }
.banner_item img.bannerimg{ min-height:500px;object-fit: cover;}
.banner_item h2{padding-left: 80px;}
.banner_item .play_btn img{max-width: 70px;}
.banner_item .play_btn { position: absolute; left: calc(50% - 35px); top: calc(50% - 35px); }
.about_section{padding-top: 60px;}
.news_box img{ height:380px; object-fit:cover; }
.about_inner h3{margin-bottom: 40px;}
.homebanner{ padding: 90px 0;}
.homebanner h1{font-size: 50px;    line-height: 61px;}
.sub_inner {    padding: 0;  }
.right_cnt_div{    padding: 0;  }
.innerbanner h1{font-size: 50px;}
.innerbanner{padding: 70px 0;}
.ctasection h4{font-size: 30px;}
.navbar-nav > li.menubutton a{color: #000;}
.navbar-nav > li.menubutton a:hover{color: #FFF;}
.tips_content_section h1{line-height: 40px; font-size: 40px;}
.home_projects_section h2{margin-bottom:25px;font-size:30px;line-height:45px}
.projects_list_section h2{font-size:30px;line-height:45px}
.about_section h5{margin-bottom:15px;font-size:20px}
.about_section h2{font-size:30px;line-height:45px}
.industry_section h2{font-size:30px;line-height:45px}
.home_projects_section .projects_list_sec .project_box h3{min-height: 100px;}
.btn{font-size: 18px;padding: 10px 25px;}
.home_single_project h2{font-size:30px;line-height:45px}
.home_single_project h4{font-size:23px}
footer .svg-inline--fa{margin-right:3px}
.ftr_address li{font-size: 15px; padding-left: 25px;}
.footer_top {    font-size: 15px;  }
footer ul li{    font-size: 15px;  }
.ftr_btm{padding: 10px 0;}
.copyrightcnt{    font-size: 15px;  }
.industry_section{padding: 60px 0;}
.projects_list_section.first_project_section {    padding-top: 70px;  }
.projects_list_section {    padding: 30px 0;  }
.footer_top{padding: 45px 0px 30px 0;}
.ftr_top{padding-top: 20px}
.technologies_list_section{padding:50px 0 25px 0}
.info_contact li{margin-bottom: 50px;}
.contact_form .btn{font-size: 18px;padding: 10px 25px;}
body.contact_us .about_section h2 {    margin-bottom: 30px;  }
.info_contact li h5{font-size: 20px;    line-height: 25px;}

}

@media(max-width: 991px){
h1{ font-size:42px;  }
h3{font-size: 30px;    line-height: 40px;}
footer{text-align:center}
footer ul{margin-bottom: 10px;}
.contact_right {    padding-left: 0;    margin-top: 25px;  }
.homebanner{ padding: 70px 0;}
.homebanner h1{font-size: 41px;    line-height: 51px;}
.about_section{padding-top:15px}
.right_cnt_div{padding-top:25px; margin-bottom: 25px;}
.img_right_div{text-align: left;}
.home_projects_section{padding:50px 0}
.projects_title_sec .cnt_relative_right{text-align:left}
.home_projects_section h5{font-size: 20px; margin-bottom: 15px;}
.home_single_project h5{font-size: 20px; margin-bottom: 15px;}
.home_projects_section h2{font-size: 25px; line-height: 40px;}
.projects_list_section h2{font-size: 25px; line-height: 40px;}
.industry_section h2{font-size: 25px; line-height: 40px; margin-bottom: 15px;}
.home_single_project h2{margin-bottom:0px; font-size: 25px; line-height: 40px;}
.home_single_project h4 {    font-size: 21px;  }
.innerbanner {    padding: 60px 0;  }
.homebanner h1{font-size: 40px; line-height: 50px;}
.innerbanner h1{font-size: 40px; line-height: 50px;}
.home_projects_section .btn{margin-top: 0;}
.home_projects_section .projects_list_sec .project_box h3 {    min-height: inherit;  }
.home_projects_section .projects_list_sec .project_box{margin-bottom: 25px; padding: 20px;}
.home_single_project .right_cnt_div {    padding: 50px 0 0 0;  }
.home_single_project .img_right_div {    padding: 0;  }
.home_single_project{padding-bottom:25px}
.footer_top > .container > .row > div{padding: 0; margin-bottom: 25px;}
.ftr_address li::before {top: 0;}
.industry_section {    padding: 35px 0;  }
.projects_list_section.first_project_section {    padding-top: 25px;  }
.projects_list_section {    padding: 10px 0; }
.projects_list_section>.container>.row{ border: 1px solid #cdcdcd; padding-bottom: 10px;}
.tech_list{padding: 20px;    margin-bottom: 20px;min-height: inherit;}
ul.social_links {    text-align: center;  }
.ctasection{padding:30px 0}
.ctasection h4{    text-align: center; margin-bottom: 15px;  }
.cta_btn{margin: auto;    float: none;    display: block;    text-align: center;    width: 100%;    max-width: 250px;}
h3.brdr_btm{margin-top: 20px;}
body.services_page .list_content_section {    padding-top: 20px;  }
body.services_page .about_section {    padding-bottom: 0;  }
.content_list li{font-size: 20px;}
footer ul li{margin: 0 20px;}
.content_list.fullwidth li p {    line-height: 35px;    font-size: 20px;  }
.contact_section .cta_btn{text-align: left; margin-left: 0;}
.footer_top {    padding: 30px 0px 10px 0;  }
footer ul li {    margin: 0px 10px;  }
footer .social_media_links {    padding-bottom: 0;  }
.info_contact li{margin-bottom: 20px;}
.tab_mobile_only_hide{display:none}
.tab_mobile_only_show{display:block}
}

@media(max-width: 767px){
.logo img{ height: auto; }
h1{ font-size:36px; line-height:1.2 }
h2{font-size: 32px; line-height: 40px;}
h3{font-size: 24px;line-height: 36px;}
h4{font-size: 20px;line-height: 28px;}
body { font-size: 17px; line-height: 30px;}
.top_header{display: none;}
.about_section h5{font-size: 17px;}
.about_section h2 {    font-size: 25px;    line-height: 35px;  }
.footer_top a img{width: 75%;}
.footer_top > .container > .row > div {    padding: 0;    margin-bottom: 10px;  }
.home_projects_section h5{font-size: 20px; margin-bottom: 15px;}
.home_single_project h5{font-size: 20px; margin-bottom: 15px;}
.home_projects_section h2{    font-size: 25px;    line-height: 35px;  }
.projects_list_section h2{    font-size: 25px;    line-height: 35px;  }
.industry_section h2{    font-size: 25px;    line-height: 35px;  }
.home_single_project h2{margin-bottom:0px; font-size: 25px; line-height: 35px;}
body.aboutus .about_section h2{    font-size: 25px;    line-height: 35px;  }
.home_single_project h4 {    font-size: 19px;  }
.technologies_list_section h3{margin-bottom: 10px; font-size: 19px;    line-height: 22px;}
.tech_list p{font-size: 15px; line-height: 25px;}
.industry_section p {    margin-bottom: 15px}
.homebanner{ padding: 70px 0;}
.homebanner h1{font-size: 35px;    line-height: 45px;}
.innerbanner h1{font-size: 35px;}
.homebanner p { font-size: 17px;   padding-right: 25px;    margin-bottom: 25px;  }
.homebanner a{padding: 10px 15px;font-size: 18px;}
.innerbanner{padding: 50px 0;}
.contact_section{padding:50px 0}
.about_section h3{margin-top: 20px;}
.btn{font-size: 16px;    padding: 12px 20px;}
.home_wallpaper_section h3 {    margin-bottom: 20px;  }
.slick-next::before {right:25px; background-size: 70%; z-index: 999999;}
.slick-prev::before {left: 10px;background-size: 70%; z-index: 999999;}
body.services_page .list_content_section {    padding-top: 20px;  }
body.services_page .about_section {    padding-bottom: 0;  }
.content_list li{margin-top: 10px; font-size: 18px;}
h3.brdr_btm{margin-top: 25px;}
.ctasection h4 {    font-size: 21px;  }
footer ul li{margin:0 15px}
.copyrightcnt{padding-top: 0px;    margin-bottom: 0px;    margin-top: 0px;    font-size: 14px;}
footer ul li a{font-size: 15px;}
.contact_section h5{font-size: 21px;}
.slick-slide {    margin-right: 35px;    margin-left: 35px;  }
.content_list.fullwidth li p {    line-height: 30px;    font-size: 17px;  }
.tips_content_section h1 {    line-height: 35px;    font-size: 35px;  }
.tips_content_section h5 {    font-size: 21px;    line-height: 35px;  }
.info_contact li{margin-bottom: 25px;}
.contact_form .btn{font-size: 15px;padding: 10px 20px;}
body.contact_us .about_section h2 {    margin-bottom: 25px;  }
.info_contact li h5{font-size: 17px;    line-height: 25px;}
.technologies_list_section h3{min-height: inherit;}
}
@media(max-width: 580px){
.banner_inner{padding: 50px 0px;}
.logo img{ height: auto;}
h1{ font-size:28px; line-height:1.2 }
.contact_stripe{ padding:70px 0px; }
.banner_inner a{display: inline-block;margin-bottom: 15px; margin: 0px 5px;}
.footer_top input{min-width: 100%;margin-right: 0px;margin-bottom: 15px;}
.footer_top button{width: 100%;}
}