@charset "utf-8";
/* CSS Document */
/* @import url('css/font-awesome.min.css');*/
/* In html file */
/*
*/
/**
* 8.0 Media Queries
* ----------------------------------------------------------------------------
*/
/* Does the same thing as ,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See https://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
@media (max-width: 1599px) {
}
@media (max-width: 1400px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1200px) {
}
@media (max-width: 1069px) {
}
@media (max-width: 992px) {
body.modal-open a.inqury_btn{ right: 20px;}
.foot_social_icons li a{ background-color: #0071cc; display: inline-block; height: 35px; width: 35px; line-height: 41px;}
.foot_social_icons li a i{ line-height: 36px; display: inline-block ; color: #fff; font-size: 18px;}
.service_dropli .dropdown a.service_drop i{ display: none !important;}
.service_dropli .dropdown a.service_drop{ position: relative;}
.service_dropli .dropdown a.service_drop:before{ content: '\f067'; font-size: 18px; color: #000; position: absolute; right: 10px; top: 6px; display: block; font-weight: 900; font-family:"Font Awesome 5 Free";}
.service_dropli .dropdown.show a.service_drop:before{ content: '\f068';}
.navbar-nav .dropdown-menu a{ border-bottom: 1px solid #ddd;}
.navbar-nav .dropdown-menu{ border-radius: 0px !important; display: none !important; width: 100%; border: none ; background-color: #efefef;}
.navbar-nav .dropdown-menu.show{ display: block !important;}
a.inqury_btn{ top: 176px;}
.dropdown-menu a.dropdown-item:hover, .dropdown-menu a.dropdown-item:active{ border-bottom-color: #ddd;}
.mn_primary_mobmenu{ z-index: 99999 !important;}
.primary-menu ul.navbar-nav > li > a, .primary-menu ul.navbar-nav > li > .dropdown > a{ height: auto; padding: 8px 0px;}
header .social_ico{ position: fixed; left: 0px; top: 150px; z-index: 9; display: none !important;}
header .social_ico.social-icons-instagram{ top: calc(150px + 36px);}
header .social_ico.social-icons-twitter{ top: calc(150px + 72px);}
header .social_ico.social-icons-linkedin{ top: calc(150px + 108px);}
header .social_ico a{ border-bottom: 1px solid #fff; text-align: center; display: block !important; height: 35px !important; width: 35px; line-height: 41px; padding: 0px !important; background-color: #0071cc; color: #fff;}
header .social_ico a i{ color: #fff; font-size: 18px;}
.modal-dialog { max-width: 90%;}
.login_heada{ position: absolute;
top: -52px;
right: 70px;
z-index: 9999; border: none !important;}
.service_innerpg_dv > .container > h6{ width: 100%;}
.contact_infodv .featured-box h3{ margin-bottom: 0px !important;}
.text-9, #download_appsec h2{ font-size: 32px !important;}
.banner_image_div img, .banner_image_div{ height: 300px;}
.featured-box h4{ font-size: 18px;}
}
/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {
#become_aretailer_modal .form-control::-webkit-input-placeholder {
color: #000 !important;
}
#become_aretailer_modal .form-control:-moz-placeholder {
/* FF 4-18 */
color: #000 !important;
}
#become_aretailer_modal .form-control::-moz-placeholder {
/* FF 19+ */
color: #000 !important;
}
#become_aretailer_modal .form-control:-ms-input-placeholder, #become_aretailer_modal .form-control::-ms-input-placeholder {
/* IE 10+ */
color: #000 !important;
}
#become_aretailer_modal .modal-body .login_frmbx{ padding: 0px;}
#become_aretailer_modal .modal-body .login_frmbx h2{ padding: 15px; text-align: left !important;}
#become_aretailer_modal .modal-body .login_frmbx form{ display: block; padding: 15px; background-color: #fff;}
#become_aretailer_modal form label{ color: #000; margin-bottom: 5px;}
#become_aretailer_modal form .form-control{ border: 1px solid #ddd !important; padding: 6px; height: 42px; color: #000 !important;}
.all_services_bx .bg-light.shadow-md{-webkit-box-shadow:none !important; box-shadow: none !important;}
#become_aretailer_modal .modal-body .login_imgbx{ display: none;}
.service_procatul li{ float: left !important; width: 33.333% !important; margin: 0px;}
.service_procatul:after{ content: ''; display: block; clear: both;}
.service_innerpg_dv > .container > h6{ line-height: 26px; font-size: 15px;}
#service_innerpg .service_innerpg_dv ul li:nth-child(odd){ margin-right: 0px;}
#service_innerpg .service_innerpg_imgdv{ width: 60%; margin: auto;}
#service_innerpg h4{ text-align: center;}
#service_innerpg .service_innerpg_dv ul li{ width: 100%; float: none; font-size: 14px;}
#content .col-md-6.mt-4.mt-md-0{ margin-top: 0px !important;}
.featured_box_addinfo p{ width: 48%; float: left;}
.featured_box_addinfo:after, .contact_other_infodv:after{ content: ''; display: block; clear: both;}
.contact_other_infodv .featured_box_telephoneinfo, .contact_other_infodv .featured_box_buisnessinfo{ width: 48%; float: left;}
#footer{ padding-bottom: 20px;}
.section, #download_appsec, #service_innerpg .service_innerpg_dv{ padding: 20px 0px;}
#footer .footer-copyright{ margin-top: 0px;}
#footer .footer-copyright{ padding-top: 0px;}
.featured-box h4{ font-size: 16px; margin-bottom: 0px;}
#download_appsec .download_secmobiledv{ width: 40%;}
#download_appsec h2, #download_appsec p, #download_appsec ul{ text-align: center;}
.text-9, #download_appsec h2{ font-size: 28px !important;}
.testimonials_sec p{ font-size: 14px !important; text-align: justify; text-align-last: center; -moz-text-align-last: center; -ms-text-align-last: center;}
}
@media (max-width: 643px) {
a.inqury_btn{ width: 164px;
height: 34px; line-height: 36px; font-size: 14px;}
.all_services_bx .featured-box h3{ margin-top: 0px;}
#service_innerpg .service_innerpg_dv ul li:nth-child(odd){ margin-right: 0px;}
.contact_usfrm{ width: 100%; margin: auto;}
.support_secft .col-sm-4{-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;}
.contact_infodv .text-6, .contact_infodv .text-3{ text-align: center;}
.support_secft .col-sm-4 .featured-box{ background-color: #efefef; padding: 10px; width: 100%; margin: auto; margin-bottom: 15px;}
.featured-box.style-1 .featured-box-icon, .featured-box.style-2 .featured-box-icon, .featured-box.style-3 .featured-box-icon{ position: static; margin: auto;}
.featured-box.style-3{ padding-left: 0px; border:1px solid #ddd; padding: 10px; margin-bottom: 20px !important;}
.featured-box h3, .featured-box p{ text-align: center;}
.featured-box h3{ margin-bottom: 4px; margin-top: 12px;}
.contact_infodv .featured-box.style-1 .featured-box-icon{ position: absolute;}
.contact_infodv .featured-box p{ text-align: justify;}
.contact_infodv .featured-box h3{ text-align: left; margin-top: 0px;}
.featured_box_addinfo p:last-child, .contact_other_infodv .featured_box_buisnessinfo{ float: right;}
}
@media (max-width: 576px) {
#become_aretailer_modal .modal-body .login_frmbx{ padding: 15px;}
#become_aretailer_modal .modal-body .login_frmbx h2{ margin-bottom: 20px;}
.modal-dialog{ margin: auto; margin-top: 30px;}
.service_procatul li{ float: left !important; width: 50% !important; margin: 0px;}
.all_services_bx .bg-light.p-4{ padding: 0px !important; background-color: transparent !important;}
#service_innerpg h4{ font-size: 20px; margin-bottom: 10px;}
.all_services_bx .featured-box > a{ width: 70%; margin: auto; display: block;}
.all_services_bx .featured-box .featured-box-icon{ width: 100%;}
.all_services_bx .featured-box .featured-box-icon img{ width: 100%;}
#service_innerpg .service_innerpg_imgdv{width: 75%;}
.login_pgul li a{ padding: 5px;}
.login_pgul{ margin-top: 20px;}
.contact_infodv .featured-box p br{ display: none; }
.contact_infodv .featured-box p strong{ text-align: left; display: block;}
.contact_infodv .contact_other_infodv p{ text-align: left;}
.page-header h1{ font-size: 18px;}
.contact_infodv .featured-box.style-1 .featured-box-icon{ font-size: 22px;}
.contact_infodv .featured-box.style-1{ padding-left: 23px;}
.featured-box .featured-box-icon{ height: auto; width: auto;}
.page-header{ padding: 16px 0px;}
.contact_infodv .featured-box .featured-box-icon{ height: auto; width: auto; }
.text-6{ font-size: 20px !important; text-align: center;}
.brands-grid{ font-size: 13px;}
.text-9, #download_appsec h2{ font-size: 24px !important;}
.why_choose_ikedasec .col-lg-9 .col-6{ -ms-flex-item-align: stretch!important;
align-self: stretch!important; margin-bottom: 20px;}
.featured-box.style-3{ height: auto; margin-bottom: 15px !important;}
.featured-box h3{ font-size: 18px; }
.contact_infodv{ padding: 10px !important;}
.contact_infodv .featured-box.style-1 .featured-box-icon{ font-size: 19px; margin-top: -2px;}
.contact_infodv .featured-box p{ text-align: left;}
}
@media (max-width: 480px) {
#footer .nav { width: 90% !important; margin: auto;}
#service_innerpg .service_innerpg_imgdv{ width: 100%;}
.all_services_bx .featured-box > a{ width: 100%; margin: auto; display: block;}
.text-3{ font-size: 14px !important;}
#contact_us h5{ font-size: 18px;}
.featured_box_addinfo p, .featured_box_addinfo p:last-child{ float: none; width: 100%;}
.text-4#login-page-tab{ font-size: 18px !important;}
#download_appsec .download_secmobiledv{ width: 60%;}
.text-9, #download_appsec h2{ font-size: 22px !important; margin-bottom: 0px;}
.why_choose_ikedasec .col-lg-9 .col-6{-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;}
.banner_image_div img, .banner_image_div{ height:250px;}
}
@media (max-width: 400px) {
.service_procatul li{ float: none !important; width: 100% !important; margin: 0px;}
.contact_other_infodv .featured_box_telephoneinfo, .contact_other_infodv .featured_box_buisnessinfo{ float: none; width: 100%;}
#footer .nav .nav-item:nth-child(3){ padding-right: 0px;}
#footer .nav .nav-item:nth-child(4){ padding-left: 0px;}
#download_appsec .download_secmobiledv{ width: 70%;}
#download_appsec ul li{ display: block !important; margin: 0px; text-align: center;}
#download_appsec ul li a{ margin: auto; }
}
/* Mobile devices */
@media (max-width: 359px) {
}
/**
* 9.0 Print
* ----------------------------------------------------------------------------
*/
/* Retina-specific styles. */
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
}
@media print {
}