@charset "utf-8";
/*--------------media query css------------------*/	
/*------------tablet landscape view------*/
@media (min-width:1025px) {
header.sticky .header { background: rgba(255,255,255,1); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }
header.sticky .header .logo img { max-width: 120px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
header.sticky .header .main_header { margin: 0 0 20px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
header.sticky .header .header_right { padding: 10px 0 0 0 }
header.sticky .header .top_header_right { top: 15px; }
.header-search:hover { background: #ce981a }
.header-contact span:hover { background: #000 }
.top_header_right .header-contact-right a:hover i { color: #ce981a; }
.top_header_right .header-contact-right span:hover { color: #ce981a; }
.middle_banner a:hover { background: #000; color: #fff }
.process_box:hover h4 { color: #ce981a }
.process_box:hover span { background: #ce981a }
.feel_section .two_btn a:hover { background: #000; color: #fff }
.feel_section .two_btn a.gray_btn:hover { background: #ce981a; color: #fff }
.news .gallery1_box_main .gallery_img_box:hover .gallery_hvr::before { opacity: 1; transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); }
.news .gallery1_box_main .gallery_img_box:hover .gallery_name { transform: translateY(0px); -moz-ransform: translateY(0px); -ms-ransform: translateY(0px); -o-ransform: translateY(0px); -webkit-ransform: translateY(0px); }
.news .news_cnt:hover a.news_title { color: #ce981a }
.brand_logo:hover:before { border: 1px solid #ce981a; }
.home_form .contact-form .submit-btn:hover { background: #000; color: #fff; }
.checkbox_main .input_checkbox_div:hover .icon { border: 3px solid #ce981a }
.checkbox_main .input_checkbox_div .icon:hover { border: 3px solid #ce981a; }
.footer_details .f_links ul li a:hover { color: #ce981a }
.footer_details .social_icons ul li a:hover { background: #ce981a }
.footer_details .address_details a:hover { color: #ce981a }
.privacy_link ul li a:hover { color: #ce981a }
.inner_breadcrumb .breadcrumb li a:hover { color: #ce981a; font-size: 18px; }
.inner-page a:hover { color: #000; }
.contact_us_02 .cnt_details_box .cnt_follow i:hover { color: #000 }
.contact_us_02 .cnt_details_box:hover i { color: #ce981a }
.inner-page .cnt_details_box:hover { border: 1px solid #000 }
.inner-page .cnt_details_box a:hover { color: #ce981a }
.contact_us_02 .contact-form .submit-btn:hover { background: #000; color: #fff; border: 2px solid #000 }
.blog-filter-container ul li a:hover { background: #ce981a; color: #fff; }
.our-service figure:hover a.h4 { color: #ce981a }
.our-service figure:hover .icon { width: 96px; height: 96px; background: #ce981a; -moz-transform: translate(-50%, -50%) rotate(-180deg); -ms-transform: translate(-50%, -50%) rotate(-180deg); -o-transform: translate(-50%, -50%) rotate(-180deg); -webkit-transform: translate(-50%, -50%) rotate(-180deg); transform: translate(-50%, -50%) rotate(-180deg); }
.our-services .owl-nav button:hover { opacity: 1; }
.sidebar ul li > a:hover { color: #1a1a1a; }
.sidebar ul li a:hover:before { height: 100%; bottom: auto; top: 0; }
.bottom_two_btn a:hover { color: #fff !important; background: #000 }
.content_box_main .content_box a:hover .content_box_hvr { background: rgba(0,0,0,0.7); }
.content_box_main .content_box a:hover .content_box_hvr::before, .content_box_main .content_box a:hover .content_box_hvr::after { top: 10px; bottom: 10px; }
.content_box_main .content_box a:hover .content_box_hvr .content_box_text_main:before, .content_box_main .content_box a:hover .content_box_hvr .content_box_text_main:after { left: 10px; right: 10px; }
.content_box_main .content_box a:hover .content_box_hvr .content_box_title { opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); }
.content_box_main .content_box a:hover .content_box_hvr .content_box_text p { opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); }
.inner-page .my_pagination .pagination li a:hover { background: #ce981a; color: #fff }
.our-service figure:hover .icon:before { width: 38px; height: 4px; background: #fff; }
.our-service figure:hover .icon:after { width: 4px; height: 38px; background: #fff; }
}

/*------------tablet portrait  view------*/

@media (max-width:1200px) {
.services { padding: 30px 0 70px }
.process { padding: 30px 0 }
.feel_section { padding: 30px 0 }
.news { padding: 30px 0 }
.brand { padding: 0 0 30px; }
.middle_banner_img_02 { padding: 30px 0 }
.footer_details { padding: 30px 0 0 }
.inner-banner { position: relative; padding: 120px 0 0 0; }
#rotator ul.ui-tabs-nav li .tabbox_main a:before { bottom: -15px; }
.autotab_section .tab_content_img > span:before { position: relative; left: 0; top: 0; right: 0; bottom: 0; content: ""; background: url(../images/services_bg_img.png) no-repeat; }
.autotab_section .tab_content_img > span img { border-radius: 100px; max-width: 100%; max-height: 50%; width: auto; height: auto; margin: 0 auto; border: 1px solid #ce981a; padding:5px;}
.autotab_section .tab_content_img-main { padding-bottom: 70%; }
.address_box { padding: 0 0 25px; }
.our-service figcaption{min-height:230px;}
}
@media screen and (min-width:1025px) and (max-width:1199px) {
    .autotab_section .tab_content_img-main {    padding-bottom: 140%;}
}
@media (max-width:1024px) {
.logo { max-width: 120px; }
.top_header_right { top: 15px; }
.header-navigation { float: left; margin: 25px 0 0; }
.banner { padding: 120px 0 0; }
.bx-wrapper img { max-width: 100%; }
.bx-wrapper .bx-caption { top: 50%; transform: translateY(-50%); }
.bx-wrapper .bx-caption h2 { font-size: 55px; line-height: normal; margin-bottom: 20px; }
.bx-wrapper .bx-caption p { padding-bottom: 25px }
.bx-wrapper .bx-pager { bottom: 10px; }
#rotator ul.ui-tabs-nav li .tabbox_main a span { line-height: normal; font-size: 15px; }
.middle_banner_img_01, .middle_banner_img { padding: 70px 0; }
.why_choose_us_box { max-width: 100%; }
.middle_banner p { max-width: 100%; }
.news .gallery1_box_main .gallery_hvr img { width: 100%; height: 100%; }
.brand_carousel { float: left; width: 100%; padding: 15px 0 0 0; }
#rotator ul.ui-tabs-nav li { min-height: 65px; }
#rotator ul.ui-tabs-nav li:nth-child(2n) { padding-left: 60px; }
.autotab_section .tab_content_img > span img{    border: 1px solid #ce981a;}
.autotab_section .tab_content_img { height: 420px; }
.checkbox_main { width: 33%; }
.news .gallery1_box_main .gallery_hvr img { border-radius: 80px;     border: 1px solid #ce981a;}
.news_cnt a.news_title br { display: none; }
.process_box .icon_box span { left: 40px; }
.autotab_section .tab_content_img-main {padding-bottom: 115%;}
.navigation-toggle{margin:8px 0 0 10px;}
.inner-page.services_details_page .alignright{width:400px;}
.content_box_main .content_box a .content_box_text p{opacity: 1; color:#000;transform: none;}
.content_box_main .content_box a .content_box_hvr{    position: relative;}
.content_box_main .content_box a .content_box_text{transform:none;}
.content_box_main .content_box a .content_box_text_main{position: relative;}

}
@media (max-width:1023px) {
}
@media (max-width:991px) {
.bx-wrapper .bx-caption h2 { font-size: 45px; line-height: normal; margin-bottom: 10px; }
.footer_details .f_links.two_col ul li { float: left; width: 48%; margin: 0 0px 0 0; }
.checkbox_main { width: 30%; }
.process_box { margin: 0 0 30px }
#rotator ul.ui-tabs-nav li .tabbox_main a span { display: none; }
#rotator ul.ui-tabs-nav li .tabbox_main a span.tab_box { display: block; }
.autotab_section { padding: 25px 0 0; }
.autotab_section .tab_text p { font-size: 14px; }
.tab_content_img span i { font-size: 40px; }
#rotator ul.ui-tabs-nav li .tabbox_main a { height: auto; }
#rotator ul.ui-tabs-nav li:nth-child(2n+1) { width: auto; }
#rotator ul.ui-tabs-nav li:nth-child(2n) { width: auto; }
#rotator .tab-center-image-main { padding: 0; width: 100%; margin-left: 0; }
#rotator ul.ui-tabs-nav li { min-height: 85px; }
.autotab_section .tab_content_img { height: auto; }
.feel_section h2 { margin: 0 0 30px; font-size: 40px; }
.services h2, .process h2, .middle_banner_02 h2, .brand h2, .middle_banner_01 h2, .news h2 { font-size: 40px; }
.middle_banner h1 { font-size: 40px; margin:0 0 20px;}
.services h2 { font-size: 40px; }
.inner-banner { position: relative; padding: 120px 0 0 0; }
.inner-banner-img { min-height: 300px; }
.position_relative { margin: 100px 0 0 0 }
.inner-page.about_us_page .alignright { display: table; float: none; margin: 0 auto 20px; }
.inner-page h1 { font-size: 35px; }
.inner-page h2 { font-size: 30px; }
.inner-page h3 { font-size: 25px; }
.inner-page h4 { font-size: 20px; }
.inner-page h5 { font-size: 15px; }
#rotator ul.ui-tabs-nav li .tabbox_main a:before { display: none; }
.autotab_section .tab_content_img-main { padding-bottom: 55%; }
.our-service img { border-radius: 50px; }
.navigation-toggle { margin: 8px 0 0 10px }
.process_box .icon_box span { left: 100px; }
.inner-page .cnt_details_box { margin: 0 0 30px; }
.contact_us_02 .contact-form .captcha_box { float: left; width: 48%; }
.contact_us_02 .contact-form .submit_btn_box { float: right; width: 48%; margin: 15px 0 0 }
.our-service figcaption{min-height:100%;}
#toTop{bottom:120px;}
.footer_details .address_details p br { display: none;}
.news_cnt{min-height:220px;}
.process_box .icon_box span { left: 50%; transform: translateX(-50%);    top: -20px;}
#rotator ul.ui-tabs-nav li.ui-state-active:nth-child(2n) .tabbox_main a {    left: -15px;}
#rotator ul.ui-tabs-nav li.ui-state-active:nth-child(2n+1) .tabbox_main a {    right: -15px;} 
.content_box_main .content_box a .content_box_title {font-size: 20px;}


}
@media (max-width:815px) {
.autotab_section .tab_content_img-main {    padding-bottom: 65%;}  
.brand_logo{padding-bottom: 90%;}
}

/*------------mobile landscape  view------*/

@media (max-width:767px) {
.bx-wrapper .bx-caption { display: none; }
.top_header_right .header-contact-right span { display: none; }
.top_header_right .header-contact-right i { font-size: 18px; top: 2px; left: 3px; width: 40px; height: 40px; background: #ce981a; border-radius: 50%; color: #fff; padding: 11px 10px; }
.top_header_right .header-contact-right i.fa-mobile-alt { padding: 11px 13px; font-size: 20px; }
.top_header_right .header-contact-right i.fa-envelope { font-size: 20px; top: 2px; left: 0; }
.top_header_right .header-contact-right .head_call { display: inline-block; margin: 0 0 0 0; }
.services h2 { margin: 0 0 20px; font-size: 30px; }
.middle_banner h2 { font-size: 30px; margin: 0 0 20px }
.brand h2, .news h2, .middle_banner_02 h2 { font-size: 30px; }
.brand_logo { padding-bottom: 50%; margin: 0 auto; }
.checkbox_main label.lbl_radio { font-size: 13px; vertical-align: middle; display: block; }
.footer_details h3 { margin: 0 0 15px; }
.footer_links .col-xs-6 { margin: 0 0 30px }
.footer_details .footer_links { padding: 0 }
.middle_banner_02 h2 { margin: 0 0 20px }
#rotator ul.ui-tabs-nav li:nth-child(2n) { padding-left: 35px; }
#rotator ul.ui-tabs-nav li:nth-child(2n+1) { padding-right: 35px; }
#rotator ul.ui-tabs-nav li { min-height: 70px; }
.top-btn > div { display: none; }
#toTop { width: 40px; height: 40px; padding: 7px 0; display:none !important;}
.news_cnt a.news_title { font-size: 16px; }
.gallery1_box_main .news_cnt a.news_title { font-size: 18px; }
.gallery1_box_main .news_cnt a.news_title { min-height: 100%; }
.inner-banner-img { min-height: 250px; }
.inner-page .alignright { display: table; float: none; margin: 20px auto; }
.inner-page .alignleft { display: table; float: none; margin: 20px auto; }
.about_us_page iframe { width: 100%; }
.checkbox_main { width: 30%; }
.address_box { padding: 0; }
.head_call.language_bar { margin: 0 0 0 10px !important; display: inline-block; }
.inner_breadcrumb { display: none; }
.inner-page h1 { font-size: 30px; }
.inner-page h2 { font-size: 25px; }
.inner-page h3 { font-size: 20px; }
.inner-page h4 { font-size: 17px; }
.inner-page h5 { font-size: 15px; }
.footer_details .address_details h3 { margin: 0 0 15px; }
.blog-filter { margin: 0 0 20px; }
.inner-page .cnt_details_box { margin: 0 0 30px; }
.contact_us_02 .contact-form .captcha_box { float: left; width: 48%; }
.contact_us_02 .contact-form .submit_btn_box { float: right; width: 48% }
.content_box { min-height: 170px; }
.feel_section h2, .process h2 { font-size: 30px; }
.news_cnt p { padding: 0 0 20px; }
.autotab_section .tab_content_img > span:before { position: relative; left: 0; top: 0; right: 0; bottom: 0; content: ""; background: url(../images/services_bg_img.png) no-repeat; }
.autotab_section .tab_content_img > span img { border-radius: 100px; max-width: 100%; max-height: 50%; width: auto; height: auto; margin: 0 auto; }
.copyright .col-sm-6 { width: 100%; text-align: center }
.sidebar { margin: 30px 0 0; }
.autotab_section .tab_content_img-main { padding-bottom: 85%; }
#rotator ul.ui-tabs-nav li:nth-child(2n+1) .tabbox_main a { padding-right: 30px; right: 0; }
#rotator ul.ui-tabs-nav li:nth-child(2n) .tabbox_main a { padding-left: 25px; }
#rotator ul.ui-tabs-nav li { margin-top: 25px; }
.process_box .icon_box span { left: 50%; transform: translateX(-50%);    top: -20px;}
.top_header_right { top: 10px; }
.news_cnt a.news_title { min-height: 60px; }
.news_cnt { padding: 33px 0 0; margin: 0 0 30px; }
.inner_banner_caption h1, .inner_banner_caption .h1 { font-size: 35px; }
.our-service figcaption{min-height:100%;}
#rotator ul.ui-tabs-nav li.ui-state-active:nth-child(2n) .tabbox_main a {    left: -20px;}
#rotator ul.ui-tabs-nav li.ui-state-active:nth-child(2n+1) .tabbox_main a {    right: -20px;}
.mobile-sticky-phone__wrapper { position: fixed; z-index: 100000; bottom: 100px; right: 0; width: 47px; height: 47px; border-top-left-radius: 24px; border-bottom-left-radius: 24px; font-size: 32px; background-color: #fff; color: #fff; box-shadow: 0 0 25px rgba(24,35,76,.75); display: inline-block; }
.mobile-sticky-phone { width: 39px; height: 39px; border-radius: 50%; text-decoration: none; background-color: #ce981a; color: #fff; }
.mobile-sticky-phone__wrapper, .mobile-sticky-phone { display: flex; justify-content: center; align-content: center; align-items: center; }
.mobile-sticky-phone i { animation: icon-rotate 5s infinite; font-size: 20px; }
.privacy_link {    float: none;}
.copyright p{float:none;} 
.inner-page.services_details_page .alignright{width:auto;}
.news_cnt{min-height:100%;}
.news_blocks .news_cnt p{font-size:16px;}
.process_box .content_box h4{margin:0 0 20px;}
.news_slider{padding:10px 30px 0;}

.content_box_main .content_box a:hover .content_box_title {  max-width: calc(100% - 0px);  margin: 0px auto 0px auto;}
.middle_banner h1 { font-size: 35px; margin: 0 0 25px 0 }
.middle_banner h2 { font-size: 30px; margin: 0 0 25px 0 }
}

/*------------mobile portrait view------*/

@media (max-width:640px) {
.inner_banner_caption h1, .inner_banner_caption .h1 { font-size: 30px; }
#rotator ul.ui-tabs-nav li {    min-height: 100%; margin-top: 0;}
#rotator .tab-center-image-main { padding: 0 0 0;    width: 60%;    margin-left: 120px;}
#rotator ul.ui-tabs-nav li.ui-state-active:nth-child(2n) .tabbox_main a {    left: -25px;}
#rotator ul.ui-tabs-nav li.ui-state-active:nth-child(2n+1) .tabbox_main a {    right: -25px;} 
.autotab_section .tab_content_img-main { padding-bottom: 100%; }
.content_box_main .content_box a .content_box_title { font-size: 17px;}
 
 
}

/*----------optional css------*/

@media (max-width:575px) {
.header_right { padding: 0 }
.header-navigation { float: right; margin: 70px 0 0; }
.header-contact { float: right; padding: 0; }
.top_header_right { top: 10px; float: right; right: 20px; }
.navigation-toggle { margin: 0 0 0 5px; }
.header-search { margin: 0px 0 0 5px }
.brand h2, .news h2, .middle_banner_02 h2 { font-size: 25px; }
/*#rotator ul.ui-tabs-nav li:nth-child(2n+1) .tabbox_main a { padding-right: 35px; right: 0; }*/
.services_page .col-xs-6 { width: 100%; }
.contact_us_02 .contact-form .captcha_box { float: left; width: 100%; }
.contact_us_02 .contact-form .submit_btn_box { float: right; width: 100% }
.contact_details .col-xs-6 { width: 100%; }
.inner-page .cnt_details_box { min-height: 100%; }
.process_box_main .col-xs-6 { width: 100%; }
.contact_us_02 .contact-form .captcha_box { float: left; width: 100%; }
.contact_us_02 .contact-form .submit_btn_box { float: right; width: 100%; }
.inner_banner_caption h1, .inner_banner_caption .h1 { font-size: 25px; }
.checkbox_main { width: 48%; }
.footer_links .col-xs-6{width:100%;}
#rotator .tab-center-image-main { padding: 0 0 0;    width: 70%;    margin-left: 80px;}
#rotator ul.ui-tabs-nav li.ui-state-active:nth-child(2n) .tabbox_main a {    left: -15px;}
#rotator ul.ui-tabs-nav li.ui-state-active:nth-child(2n+1) .tabbox_main a {    right: -15px;} 
}
@media (max-width:479px) {
.process_box .content_box h4 { margin: 0 0 20px; }
.feel_section h2 { margin: 0 0 40px; font-size: 30px; padding: 0 10px; }
.feel_section .two_btn a { margin: 0 5px; width: 170px; }
.middle_banner_01 h2 { position: relative; font-size: 30px; margin: 0 0 30px 0; color: #fff; line-height: 43px; }
.why_choose_us_box .col-xs-6 { width: 100%; }
.privacy_link { float: none; text-align: center }
.copyright p { float: none; text-align: center; }
.autotab_section .tab_text p { line-height: 21px; padding: 0; }
.tabbtn .main_btn { font-size: 14px; line-height: 40px; min-height: 40px; width: auto; }
/*#rotator ul.ui-tabs-nav li:nth-child(2n) { clear: both; float: left; }
#rotator ul.ui-tabs-nav li:nth-child(2n) { padding-left: 0; padding-right: 10px; }
#rotator ul.ui-tabs-nav li { min-height: 30px; margin-bottom: 0; }
#rotator ul.ui-tabs-nav li:nth-child(2n) .tabbox_main a { left: auto !important; right: 0; }
#rotator ul.ui-tabs-nav li.ui-state-active:nth-child(2n) .tabbox_main a { right: -20px; left: auto !important }
#rotator .tab-center-image-main { padding: 0 0 0 75px; }
.autotab_section .tab-center-main { min-height: 770px; }
#rotator ul.ui-tabs-nav li:nth-child(2n+1) { padding-right: 0 }*/
.checkbox_main label.lbl_radio { font-size: 16px; vertical-align: middle; }
.header-navigation { float: right; margin: 65px 0 0; }
.privacy_link ul li:before { left: -15px; }
.privacy_link ul li { margin: 0 25px 0 0 }
.content_box_main .col-xs-6 { width: 100%; }
.checkbox_main { width: 100%; }
.autotab_section .tab_content_img-main { padding-bottom: 100%; }
#rotator .tab-center-image-main { padding: 0 0 0;    width: 75%;    margin-left: 50px;}
.middle_banner h1 { font-size: 30px; margin: 0 0 25px 0 }
.middle_banner h2 { font-size: 25px; margin: 0 0 25px 0 }
.content_box { min-height: 100%; }
#toTop{bottom:100px;}
.search-text{font-size:16px;}
.content_box_main .content_box a .content_box_title { font-size: 16px;padding: 8px 0;}
}
@media (max-width:415px) {
.header-contact span { font-size: 15px; line-height: 40px; width: 130px; }
.checkbox_main { width: 100%; }
.footer_links .col-xs-6 { width: 100%; }
.footer_details .f_links ul li a { width: 100%; float: left; line-height: 30px; }
.footer_details .f_links.two_col ul li { float: left; }
.footer_details .social_icons ul li a { margin: 0 7px 15px 0 }
.logo { max-width: 110px; }
.banner { padding: 110px 0 0; }
.autotab_section .tab_content_img > span img{border-radius: 50px;}
.autotab_section .tab_content_img-main { padding-bottom: 110%; }

}
@media (max-width:360px) {
.feel_section .two_btn a { margin: 0 5px; width: 140px; }
.logo { max-width: 90px; }
.top_header_right { top: 5px; }
.header-navigation { margin: 60px 0 10px }
.inner-banner { position: relative; padding: 110px 0 0 0; }
.banner { position: relative; padding: 110px 0 0 0; }
.autotab_section .tab_content_img-main { padding-bottom: 130%; }
#rotator ul.ui-tabs-nav li.ui-state-active:nth-child(2n) .tabbox_main a {    left: -5px;}
#rotator ul.ui-tabs-nav li.ui-state-active:nth-child(2n+1) .tabbox_main a {    right: -5px;} 
.search-input{padding:0px 44px 0 5px;}
.search-text{font-size:12px;}
}
@media (max-width:340px) {
.header-contact span { font-size: 12px; line-height: 40px; width: 103px; }
.autotab_section .tab_content_img-main { padding-bottom: 150%; }
.logo {    max-width: 80px;}
#rotator .tab-center-image-main { padding: 0 0 0;    width: 70%;    margin-left: 50px;}

}

/*---------use only when design is customise-----------*/

@media screen and (min-width:700px) and (max-width:990px) {
}
