/* Mobile Portrait View */
@media screen and (max-width:767px) {
*{box-sizing:border-box;}
.left, .right, .copyright-txt, .design-by, .powerby{ float:none; text-align:center;}
.container { width:auto; padding:0 14px;}
.site-header{ position:relative; padding:8px 0;}
.site-header > .container{ display:flex; align-items:center; min-height:72px; padding:0 76px 0 16px;}
.header-top{padding:0 10px; text-align:center; width:100%;}
.header-top .right{ text-align:center;}
.header-top:after{ display:none;}
.navigation_bar{margin:0 0 10px; padding:0;}
.navigation_bar:after{ display:none;}
#threebox_sections .container{ margin-top:0;}
/*coloumn css*/
.logo{ margin-bottom:0 !important}
.blogthumbimg{ width:100%; float:none; margin:0 0 10px;}
/*sidebar css*/
#sidebar{ width:100%; float:none;}
.content-area{ width:auto; margin:0; padding:50px 20px;}
.default_content_alignbx{ width:auto; float:none;}
#threebox_sections{ padding:40px 0;}
.column_3content_box{ float:none; width:100%;}
.three_column h3{ font-size:24px !important;}
.welcome_contentwrap h3 span{ font-size:40px;}
.hdr_rightcol{ float:none;}
.hdr_social{ padding:0 20px;}
.cotact_info_area, .hdr_rightcol{ text-align:center; width:auto; float:none; padding:0;}
.header_cta_area{ display:none;}
.cotact_info_area span{ display:block;}
.widget-column-1, .widget-column-2, .widget-column-3, .widget-column-4{ float:none; width:100%; margin:0 0 5px; padding:0; text-align:left;}
.site-footer .container{ padding:0 14px;}
.copyrigh-wrapper .container{ padding:0 14px;}
.infobox{ margin:0 auto 5px auto; padding:0; border:none;}
/*slider css*/
#slider{ top:0; margin:0;}
.nivo-caption{ width:70%; padding:15px; }
.nivo-caption h2{ font-size:24px !important; line-height:24px !important; margin:0 0 10px !important;}
.nivo-caption h2 span{ font-size:20px !important; display: inline;}
.nivo-caption p{ line-height:16px; font-size:14px; margin-bottom:20px;}
.nivo-caption .slide_morebtn{ padding:5px 20px; font-size:12px;}
.nivo-directionNav a{ top:35% !important;}
.nivo-controlNav{ display:none !important;}
a.nivo-prevNav{ left:1%;}
a.nivo-nextNav{right:1%;}
.welcome_contentwrap{ float:none; width:auto; margin:0 0 25px 0;}
#second_features_section{ margin:0; padding:30px 0;}
h2.section_title{ font-size:34px; margin-bottom:25px;}
/*front blog post*/

.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 textarea{ width:100%;}
#sitelayout{ width:100%;}
.welcome_contentwrap h3{ font-size:24px;}
#whychooseus_sections{ padding:40px 0;}
.recentpost_mystyle .blogthumbimg{ width:auto; height:auto; overflow:hidden; float:none; margin:0 0 25px 0;}
.recentpost_mystyle .blogthumbimg img{ height:auto; min-height: inherit;}
.recentpost_mystyle{ float:none; width:100%; margin:0 0 30px 0;}
.three_column{ width:100%; float:none; margin:0 0 30px; padding:0; }
.pagecontent{ padding:20px 15px;}
.three_column .thumbbx{ height:250px;}
.three_column .thumbbx img{ min-height:250px;}
.welwrapper .welcome_imgbox{ width:auto; float:none; margin:0 0 20px;}
.hdr_rightcol{ display:block;}
.default_content_alignbx{ padding:24px 14px;}
.site-footer .widget{ padding:40px 0 20px;}
.copyrigh-wrapper:before{ display:none;}
body.home h1.entry-title,
body.front-page h1.entry-title{ display:none;}
#content_holder{ padding:20px 0;}
.entry-content,
.elementor,
.elementor-section,
.elementor-container,
.e-con,
.e-con-inner,
.elementor-widget-wrap{ max-width:100% !important;}
.elementor-section .elementor-container,
.elementor-section.elementor-section-boxed > .elementor-container,
.e-con,
.e-con > .e-con-inner{ width:100% !important; max-width:100% !important;}
.elementor-row,
.elementor-container,
.e-con,
.e-con > .e-con-inner{ display:flex !important; flex-direction:column !important; flex-wrap:nowrap !important;}
.elementor-column,
.elementor-column[data-col],
.elementor-column.elementor-col-25,
.elementor-column.elementor-col-33,
.elementor-column.elementor-col-50,
.elementor-column.elementor-col-66,
.elementor-column.elementor-col-100,
.e-con.e-child,
.elementor-widget,
.elementor-widget-container{ width:100% !important; max-width:100% !important; min-width:0 !important;}
.elementor-column + .elementor-column,
.e-con.e-child + .e-con.e-child{ margin-top:18px;}
.elementor-column > .elementor-widget-wrap{ padding-left:0 !important; padding-right:0 !important;}
.elementor-section,
.e-con{ padding-left:0 !important; padding-right:0 !important;}
.elementor-section:not(:first-child),
.e-con:not(:first-child){ margin-top:26px;}
.elementor img{ width:100%; height:auto; object-fit:cover;}
.elementor-heading-title{ overflow-wrap:normal; word-break:normal; hyphens:none; line-height:1.15 !important; letter-spacing:0 !important;}
.elementor-widget-heading,
.elementor-widget-text-editor,
.elementor-button-wrapper{ text-align:center;}
.elementor-widget-heading h1,
.elementor-widget-heading h2{ font-size:25px !important;}
.elementor-widget-heading h3{ font-size:22px !important;}
.elementor-widget-text-editor,
.elementor-widget-text-editor p{ font-size:15px !important; line-height:1.5 !important; margin-bottom:0 !important;}
.elementor-button,
.elementor-button-link{ display:inline-flex !important; align-items:center; justify-content:center; width:100% !important; max-width:100%; min-height:44px; padding:12px 18px !important; border-radius:4px !important; white-space:normal; text-align:center; font-size:13px !important; line-height:1.2 !important;}
.elementor-column:has(.elementor-icon) > .elementor-widget-wrap,
.e-con.e-child:has(.elementor-icon){ background:rgba(255,255,255,0.86); border:1px solid rgba(0,0,0,0.07); border-radius:8px; box-shadow:0 8px 22px rgba(0,0,0,0.08); padding:22px 16px !important;}
.elementor-column:has(.elementor-icon) .elementor-widget-icon,
.e-con.e-child:has(.elementor-icon) .elementor-widget-icon{ margin-bottom:10px;}
.elementor-column:has(.elementor-icon) .elementor-icon,
.e-con.e-child:has(.elementor-icon) .elementor-icon{ display:inline-flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:50%; background:#eef5ff;}
.elementor-column:has(.elementor-icon) .elementor-widget-heading h3,
.e-con.e-child:has(.elementor-icon) .elementor-widget-heading h3{ margin-bottom:8px !important; font-size:21px !important;}
.elementor-column:has(.elementor-button) > .elementor-widget-wrap,
.e-con.e-child:has(.elementor-button){ border-radius:6px; padding:20px 16px !important;}
.elementor-column:has(.elementor-button) .elementor-widget-heading,
.elementor-column:has(.elementor-button) .elementor-widget-text-editor,
.e-con.e-child:has(.elementor-button) .elementor-widget-heading,
.e-con.e-child:has(.elementor-button) .elementor-widget-text-editor{ text-align:left;}
.elementor-column:has(.elementor-button) .elementor-widget-heading h2,
.e-con.e-child:has(.elementor-button) .elementor-widget-heading h2{ font-size:26px !important; line-height:1.08 !important; margin-bottom:10px !important;}
.elementor-column:has(.elementor-button) .elementor-widget-text-editor p,
.e-con.e-child:has(.elementor-button) .elementor-widget-text-editor p{ font-size:16px !important; line-height:1.25 !important; font-weight:700;}
.elementor-column:has(.elementor-button) .elementor-button-wrapper,
.e-con.e-child:has(.elementor-button) .elementor-button-wrapper{ margin-top:16px;}
.copyrigh-wrapper{ padding:12px 0 58px;}
.powerby{ float:none; padding-top:0; line-height:1.45; overflow-wrap:break-word; font-size:12px;}
.powerby a{ display:inline-block; margin:0 4px;}
}

/* Mobile Landscape View */
@media screen and (min-width: 481px) and (max-width: 767px){
*{box-sizing:border-box;}
.container, .content-area{ width:440px; margin:0 auto;}
.nivo-controlNav{ display:none !important;}
.blogthumbimg{ width:50%; float:left; margin:5px 20px 10px 0;}
}
/* Mobile Landscape View */
@media screen and (min-width: 300px) and (max-width: 481px){
*{box-sizing:border-box;}
.nivo-caption{ width:90%; top:50%;}
.nivo-caption .slide_morebtn, .nivo-caption p{ display:none;}
.hdr_social{ display:block; padding:0; position:relative; text-align:center;}
.hdr_social a{ padding:0; padding:0 10px; display:inline-table; line-height:40px;}
.nivo-directionNav{ display:none;}
}

@media screen and (min-width:768px) and (max-width: 980px){
.site-header { width:100%; position:relative !important;}
.site-header{ position:relative; background-color:rgba(0, 0, 0, 0.9);}
#whychooseus_sections{ padding:40px 0 10px;}
.welcome_contentwrap h3{ font-size:34px;}
.nivo-directionNav a{ top:40%;}
.welcome_contentwrap{ padding-bottom:25px;}

.column_3content_box{ float:none; width:100%; padding:20px;}
.column_3content_box h3{ font-size:15px;}
.hdr_rightcol{ float:none;}
.cotact_info_area{ float:none; width:100%; text-align:center; padding:10px 0;}
.cotact_info_area span{ display:block;}
.three_column{ padding:5px; }
.pagecontent{ padding:20px 15px;}
.three_column .thumbbx{ height:200px;}
.three_column .thumbbx img{ min-height:200px;}
.three_column h3{ margin-bottom:10px; font-size:15px;}
.three_column p{ margin-bottom:15px; line-height:18px;}
.three_column .learnmore{ padding:5px 20px;}
.welwrapper h3{ font-size:30px;}
}

/* Tablet View */
@media screen and (max-width:1169px) and (min-width:768px) { 
*{box-sizing:border-box;}
.container { width:auto; padding:0 20px;}
/*slider css*/
.nivo-caption{ width:60%;}
.nivo-caption h2{ font-size:42px; line-height:45px;}
.content-area{ width:auto; margin:0; padding:50px 20px;}
.nivo-caption h2 span{ font-size:inherit; display:inline-block;}
#sidebar{ width:30%;}
.default_content_alignbx{ width:65%;}
#sitelayout{ width:100%;}
.welcome_contentwrap{ padding-bottom:25px;}
.wel2column .welthumb{ height:115px;}
}

@media screen and (max-width:1169px) and (min-width:981px) { 
html{overflow-x:hidden; }
body.home .fixed-header{ position: relative !important; top:0; z-index:99999; }
.header-top{ padding-left:180px;}
.pagecontent{ padding:20px 30px;}
.three_column .thumbbx{ height:230px;}
.three_column .thumbbx img{ min-height:230px;}
.logo:after{  border-bottom:37px solid #100e0d; }
#threebox_sections, #whychooseus_sections{ padding:50px 0;}

}

@media screen and (max-width: 980px){
.toggleMenu{display: block;}
.sitenav{float:none; margin:0; position:relative; overflow-x:hidden; background-color:#fff; border-radius:0; top:0; border-bottom:none; display:block; width:100%; box-shadow:0 10px 24px rgba(0,0,0,0.12);}
.sitenav ul{color:#000; width:100% !important; float:none !important; margin:0; padding:0;}
.sitenav ul li{border-top:1px #cccccc solid; display:block; float:none; text-align:left; border-bottom:none !important}
.sitenav ul li a{padding:5px 10px !important; display:block; color:#000; border:none; text-align:left;}
.sitenav ul li a:hover, .sitenav ul li.current_page_item a{color:#efc62c;  border:none !important; border-radius:0; text-shadow:none;}
.sitenav ul li ul, .sitenav ul li ul ul{ display:block !important; background: transparent !important;}
.sitenav ul li ul li a:before{content:"\00BB \00a0";}
.sitenav ul li ul li a{padding-left:20px !important; }
.sitenav ul li ul li a, .sitenav ul li.current-menu-ancestor a.parent{ border:none; border-radius:0;}
.sitenav ul li ul li ul li a{padding-left:30px !important;}
.sitenav ul li ul li ul li ul li a{padding-left:40px !important;}
.sitenav ul li:hover > ul{ background:none !important; box-shadow:none;}
.sitenav ul li:hover > ul{ background: transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0; padding:0;}
.sitenav ul li:hover ul li ul, .sitenav ul li:hover ul li:hover > ul, .sitenav ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
.sitenav ul li:hover ul li:hover ul, .sitenav ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}
.sitenav ul li ul li a{ color:#000;}
.site-header{ position:relative; }
iframe{ height:auto !important;}
.logo{ width:auto; float:none; text-align:center; margin:0 auto; position:relative; padding:0 !important; }
.navigation_bar{ background-color:transparent !important; margin-bottom:10px;}
.sd-menu-search, .logo:after{ display:none;}



}

@media screen and (max-width: 980px){
body.rtl .sitenav,
html[dir="rtl"] .sitenav,
html[lang^="ar"] .sitenav,
body.translatepress-ar .sitenav{ float:none; text-align:right; padding:0;}

body.rtl .sitenav ul li,
html[dir="rtl"] .sitenav ul li,
html[lang^="ar"] .sitenav ul li,
body.translatepress-ar .sitenav ul li{ text-align:right;}

body.rtl .sitenav ul li a,
html[dir="rtl"] .sitenav ul li a,
html[lang^="ar"] .sitenav ul li a,
body.translatepress-ar .sitenav ul li a{ text-align:right;}

body.rtl .sitenav ul li ul li a:before,
html[dir="rtl"] .sitenav ul li ul li a:before,
html[lang^="ar"] .sitenav ul li ul li a:before,
body.translatepress-ar .sitenav ul li ul li a:before{ content:"\00AB \00a0";}

body.rtl .sitenav ul li ul li a,
html[dir="rtl"] .sitenav ul li ul li a,
html[lang^="ar"] .sitenav ul li ul li a,
body.translatepress-ar .sitenav ul li ul li a{ padding-left:10px !important; padding-right:20px !important;}
}

@media screen and (max-width:767px) {
.site-header{ padding:8px 0; z-index:99999;}
.site-header > .container{ display:flex; align-items:center; flex-wrap:wrap; min-height:72px; padding:0 76px 0 16px;}
.logo{ text-align:left; margin:0; padding:0 !important;}
.logo img, .logo .custom-logo{ max-height:70px; width:auto; display:block;}
.logo h1{ font-size:24px; margin:0;}
.logo p{ font-size:13px; line-height:1.2;}
.header_cta_area{ display:none;}
.navigation_bar{ margin:0; padding:0; position:absolute; top:8px; right:0; width:100%; z-index:100000; pointer-events:none;}
.navigation_bar .container{ width:100%; padding:0 16px;}
.toggle{ display:flex; justify-content:flex-end; pointer-events:auto;}
.toggle a{ width:44px; height:44px; margin:14px 0 0; padding:0; background-position:center; background-color:#0073e6; border-radius:2px; overflow:hidden; color:transparent !important; font-size:0; line-height:0; text-indent:0; white-space:nowrap;}
.sitenav{ clear:both; margin-top:8px; position:relative; z-index:100001; pointer-events:auto;}
}

@media screen and (max-width:767px) {
body.rtl .site-header > .container,
html[dir="rtl"] .site-header > .container,
html[lang^="ar"] .site-header > .container,
body.translatepress-ar .site-header > .container{ direction:rtl; padding:0 16px 0 76px;}

body.rtl .logo,
html[dir="rtl"] .logo,
html[lang^="ar"] .logo,
body.translatepress-ar .logo{ text-align:right; margin-left:auto; margin-right:0;}

body.rtl .navigation_bar,
html[dir="rtl"] .navigation_bar,
html[lang^="ar"] .navigation_bar,
body.translatepress-ar .navigation_bar{ right:auto; left:0; direction:ltr;}

body.rtl .navigation_bar .container,
html[dir="rtl"] .navigation_bar .container,
html[lang^="ar"] .navigation_bar .container,
body.translatepress-ar .navigation_bar .container{ direction:ltr;}

body.rtl .toggle,
html[dir="rtl"] .toggle,
html[lang^="ar"] .toggle,
body.translatepress-ar .toggle{ justify-content:flex-start; direction:ltr;}

body.rtl .toggle a,
html[dir="rtl"] .toggle a,
html[lang^="ar"] .toggle a,
body.translatepress-ar .toggle a{ color:transparent !important; font-size:0; line-height:0;}
}
