.grecaptcha-badge{
display: none !important;
}
.locate a.active .store_info{
background: #f5f5f5 !important;
padding: 10px; }
.asl_w_container {
min-width: 10px !important;
}
.locate a.active .store_info hr{
color: #fff !important; }
.locate a:active {
outline: 0;
background: #f5f5f5 !important;
}
.locate a{
color: #000 !important;
}
.s_p .search-info input[type=text] {
border: 1px solid #000 !important;
}
.s_p .search-info #searchsubmit {
padding: 11px;
margin-left: -75px;
}
#pg-1658-1> .panel-row-style {
background-size: 100% auto !important;
padding: 0px !important;
background-repeat: no-repeat !important;
background-position: bottom !important;
}
#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input{
visibility: hidden;
}
.lens-col h3{
font-size: 20px !important;
margin-top: -10px;
}
footer a{
color: #fff !important;	
}
body{
overflow-x: hidden !important;
}
.lens-col .textwidget{
font-size: 14px !important;
}
.nav-links .page-numbers {
text-indent: -9999px!important;
height: 3px!important;
width: 50px!important;
border-radius: 10px!important;
background: #c5c5c5;
cursor: pointer;
-o-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
box-shadow: inset 0 0 3px rgb(0 0 0 / 30%);
display: inline-block;
margin: 0 5px;
}
.nav-links span.current {
background: #273252;
}
.margin-paginate{
text-align: center;
}
.wpcf7 form.invalid { }
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
display: flex;
}
.main-title a{
color: #273252 !important;
}
.brach-add p{
margin-bottom: 0px !important;
}
.text_bold {
font-size: 18px;
font-family: "Avenir-Bold";
}
a.tel_text{
font-size:23px;
color: #000 !important;
text-decoration: underline !important;
}
.oph-con p{
margin-bottom: 60px !important;
}
html{
overflow-x: hidden;
}
.lens_list li{
list-style-type: none;
}
.retail-logo{
width: 40%;
}
.lens-col{ }
.lens-col .panel-grid-cell{   }
.cell3{
background: #d1e4ff !important;
border: 1px solid #d1e4ff !important;
height: 120vh !important; }
.cell3-last{
background: #d1e4ff !important;
border: 1px solid #d1e4ff !important;
height: 100vh !important;
}
.maxic-cell3{
background: #d1e4ff !important;
border: 1px solid #d1e4ff !important;
height: 90vh !important;
}
.panel-cell-style-for-613-10-2, .panel-cell-style-for-613-11-2{
background: #d1e4ff !important;
border: 1px solid #d1e4ff !important;
}
.panel-cell-style-for-1677-12-2 , .panel-cell-style-for-1689-12-2{
background: #fff !important;
border: 1px solid #fff !important;
}
.cell3 img , .maxic-cell3 img{
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100%;
}
.cell2 img{
float: right !important;
}
.brand_img{
text-align: center !important;
}
header{
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s;}
.logo{ }
.logo_smoth{ }
.logo_smoth .logo{ }
.logo_smoth { }
.logo-header object{
width: 50% !important;
align-items: center !important;
display: block !important;
margin-top: 20px;
}
.logo_smoth object{  margin-top: 30px;
transform: scale(1.0);
}
.logo_smoth{
padding: 0 !important;
}
.serch-box h2{
color: #021283;
}
.serch-box a{
color: #273252 !important;
}
div.asl_w .probox .promagnifier .innericon svg {
fill: #021283 !important;
width: 25px !important;
margin-top: -1px;
}
div.asl_m {
position: initial !important;
z-index: 200;
}
div.asl_w .probox {
border: 0px solid #000 !important;
left: -22% !important;
margin-top: 20px !important;
width: 62% !important;
float: right;
position: absolute;
}
ul.fir_list li.fb{
margin-left: 40px;
margin-top: 25px;
}
.fir_list i{
font-size: 20px;
color: #021283;
}
.fa-facebook-f{
padding-left: 10px;
}
.fir_list .fa-instagram{
margin-top: 28px;
margin-left: 20px;
}
ul.fir_list li a.facebook{
border-left: 1px solid;
}
ul.fir_list li{
list-style-type: none;
float: left;
}
.fir_list .search-submit {
border: 0 !important;
visibility: hidden;
}
.fir_list #searchform label {
padding-left: 0px;
display: content;
margin-top: -35px;
color: #021283;
text-shadow: 0 0 0.1em rgb(60 60 60 / 30%); left: 60px;
z-index: 9999 !important;
}
.fir_list .search-submit{
border:0 !important;
}
.fir_list #searchform{ font-size:1em;    background:white;    margin-top: -15px;
z-index: 9999 !important;
}
.fir_list #s{
transition:all 0.2s ease-out;
width:1px;
border-radius:0;
box-shadow:none;
outline: none;
padding:0;
margin:0;
border:0;
background-color: transparent;
opacity:0;
z-index: 9999 !important;
}
.fir_list #s:focus{
width: 8em;
opacity: 1;
position: absolute;    margin-left: -8em;
margin-top: 0px;
} .list_left{
float: right;
right: 13%;
position: absolute;}
.locate{
padding: 40px; padding-top: 10px !important;
overflow-y: scroll !important;
position: absolute;
height: 65%;
width: 40%;
margin-top: 130px;
}
.locate hr{
border-top: 2px solid #2d2d2d;
}
.tab-pane{
width: 100%;
}
.tab-pane iframe{
width: 60%;
float: left;
}
.tab-pane .store_info {
}
.store ::-webkit-scrollbar {
display: none;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu {
position: inherit;
}
#mega-menu-wrap-main_menu {
clear: both;
position: inherit;
}
.other_des { margin-top: -10px;
}
.wpcf7-radio span.wpcf7-list-item.first {
margin-left: 0;
padding-left: 15px;
}
.other_des{ }
.search_result .serach_box{
box-shadow: 2px 1px 3px 1px #ddd;
padding: 30px;
margin-top: 30px;
}
.page-section{
overflow-x: hidden !important;
}
.branch_info h3{
height: 70px;
}
.branch_info .am-btn{
margin-bottom: 40px;
position: absolute;
bottom: 0;
}
.branch_info{
display: block;
height: 380px;
}
.woo_content .banner{
background: url(https://americanvisionmyanmar.com/wp-content/uploads/2021/01/glass@2x.png);
padding: 140px 0px;
background-position: top right;
background-size: 100%;
background-repeat: no-repeat;}
.desktop{
display: block;
}
.mobile{
display: none;
}
.section_bottom{
padding-bottom: 80px;
}
.doctor_appointment .section_bottom{
padding-top: 50px;
}
.H_first .banner_text{
padding-top: 60px; }
.banner_text{ padding-top: 30%;
}
.logo_smoth{
transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-webkit-transition: opacity .5s ease-in-out;}
.doc_surgery{
display: none;
}
.doc_general{
display: none;
}
.wpcf7-checkbox span.wpcf7-list-item input { 
position: relative;
display: flex;
justify-content: center;
visibility: hidden;
}
.wpcf7-list-item:hover{ }
input[type="radio"]:checked .wpcf7-list-item-label{ color: #273252;
font-weight: bold;
}
span.wpcf7-list-item  {
display: inline-block;
margin: 0 0 0 1em; padding: 10px 40px;
}
.wpcf7-form-control-wrap {
position: initial !important;
}
.doctor_ul .wpcf7-checkbox {
display: flex;
width: 100%;
overflow-x: scroll;
text-align: center;
transform:rotate(0deg); }        .wpcf7-list-item-label{
color: #021283;
font-size: 18px;
display: block;
} .dec_doc{
margin-bottom: 60px !important;
}
.doctor_appointment h2{
padding-bottom: 40px;
}
.doctor_appointment .contact_form h2 {
padding-bottom: 0;
}
.doctor_appointment input[type="submit"] {
margin-top: 60px !important;
}
.knowledge-info{
margin-top:40px !important;
}
.full-img{
width: 100%;
}
.sin_content{
margin-top: 40px;
}
.knowledge-info .col-md-4{
margin-top: 50px;
float: left;
}
.knowledge-bg{
background-color: #fafafa;
padding-bottom: 80px;
overflow-x: hidden ;
}
.post-categories li{
list-style-type: none;
margin-left: -35px;
}
.post-categories li a{
color: #272727;
cursor: none !important;
}
.btn-learn{ }
.btn-learn:hover,
.btn-learn:focus {
box-shadow: inset 300px 0 0 0 #021283;
color: #fff !important;  transition: ease-out 0.8s;
border: 1px solid #021283;
}
.am-btn:hover,
.am-btn:focus {
box-shadow: inset 300px 0 0 0 #021283;
color: #fff !important;  transition: ease-out 0.8s;
}
.wpfFilterButtons{
float: left !important;
display: contents !important;
width: 16.666% !important;
float: left;
margin-top: 20px;
}
.wpfFilterWrapper{
float: left !important;
width: auto !important;
width: 16.666% !important;	text-align: center !important;
align-content: center !important;
min-width: 16% !important;
}
#wpfMainWrapper-1_786335 {
position: relative;
width: 100% !important;
float: left !important;
display: flex !important;
}
.wpfMainWrapper{
display: flex !important;
}
.wpfFilterButton.wpfButton, .wpfClearButton.wpfButton {
font-weight: normal !important;
background: none;
color: #fff;
text-transform: lowercase !important;
width: 100%;
}
.wpfCheckboxHier select option{
color: #000;
outline: 0 !important;
}
.wpfCheckboxHier select{
float: left !important;
position: absolute;
color: #fff;
background: none !important;
border: 0 !important;
width: auto !important;
outline: 0 !important;
}
.contact_form{
padding: 40px 75px 50px 74px;
box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.16);
background-color: #ffffff;
}
.contact-info .colmd-6 , .contact-info .col-sm-6{
padding: 0 !important;
}
.contact-info .fa , .contact-info .fa-brands{
color: #273252 !important;
font-size: 20px;
padding-left: 30px;
}
.contact-info .fa-facebook-f {
padding-left: 0px !important;
}
.contact-info{
box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.16);
background-color: #d1e4ff;
padding: 0 !important;
}
.contact-text{
padding: 40px 100px 0 50px;}
.con_block{
margin-top: 30px;
}
.main-color{
color: #273252 !important;
}
select.orderby{
color: #021283;
font-weight: bold;
border: 0 !important;
outline: 0 !important;
}
.orderby option{
color: #021283 !important;
}
.woocommerce-ordering:before {
content: "Sort By" !important;
font-family: FontAwesome;
position: relative;
display: initial;
color: #021283;
top: -1px;
}
.owl-nav {
top: 35% !important;
right: -20px;
}
.owl-prev{
background: transparent !important;
left: 0 !important;
}
.owl-next{
background: transparent !important;
right: 0 !important;
}
a .pro_title{
font-size: 18px !important ;
pointer-events: none;
color: #273252 !important;
}
.grid_no_animation figcaption {
background: transparent !important;
}
.owl-item{
text-align: center !important;
margin-bottom: 40px;
}
.owl-stage-outer  a{
pointer-events: none !important;
pointer-events: none;
cursor: default !important;
}
.owl-stage-outer img{
margin-left:auto !important;
margin-right: auto !important;
text-align: center !important;
}
.owl-stage-outer .wpb_cart_button{
display: none;
}
.product-tab ul li a{
font-size: 18px;
line-height: 1.56;
letter-spacing: 0.11px;
text-align: center;
color: #021283 !important; }
.product-tab ul li:hover a{
background: transparent !important;
border: 0!important;
}
.product-tab ul li.active {
border-bottom: 1px solid #021283;
}
.nav-tabs {
border-bottom: 0px solid #ddd;
}
.product-tab ul{
margin-bottom: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center;
width: 100%;
max-width: fit-content;
}
.flag li{
list-style-type: none;
float: left;
padding: 30px 1px 30px 3px;}
.flag li img{
width: 23px !important;
height: 19px !important;
margin-top: -3px;
}
.flag li.lang-item-first::after {
border-left: 1px solid #000 !important;
content: "";
margin-left: 3px;
}
.pwb-brands-in-loop img{
width: 60px !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
position: relative !important;
top: -60px !important;
}
.woocommerce ul.products li.product h2{
line-height: 1.58;
letter-spacing: 0.38px;
text-align: center;
color: #273252;
}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
padding-left: 30px;
padding-right: 30px;
margin-bottom: 0 !important;
}
.woocommerce ul.products li.product .button {
display: none;
}
.woc-ban-text h1{
margin-top: -10px !important; 
}
.woc-ban-text p{
font-weight: 0 !important;
}
.woo_content .page-bg{
padding-top: 80px;
padding-bottom: 40px;
}
.white{
color: #fff !important;
}
.woocommerce ul.products li.product a {  }
.retail-tab object{
height: 80px !important;
width: 100% !important;
}
#mega-menu-wrap-main_menu, #mega-menu-wrap-main_menu #mega-menu-main_menu, #mega-menu-wrap-main_menu #mega-menu-main_menu #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-item, #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-row, #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-column, #mega-menu-wrap-main_menu #mega-menu-main_menu a.mega-menu-link, #mega-menu-wrap-main_menu #mega-menu-main_menu span.mega-menu-badge {
background: none !important;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a.mega-menu-link {
background: none !important;
font-size: 18px !important;
font-weight: 500 !important;
}
.mega-sub-menu li img{
border-radius: 50% !important;
width: 130px  !important;
height: 130px !important;
max-width: 130px !important;
text-align: center !important;
margin-left: 40px !important;
margin-right: auto !important;
}
.mega-sub-menu li{ margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
width: 25% !important;
align-content: center !important;
align-items: center !important;
}
ul.mega-sub-menu {
transform: 0 !important;
padding: 50px !important;
padding-top: 0 !important;
padding-bottom: 80px !important;
z-index: 999;
border-radius: 0;
background: #fff !important;
border: 0;
position: absolute;
width: 100% !important;
left: 0px !important;
display: flex !important;
margin-top: 20px !important;
}
ul.mega-sub-menu li h4{
position: absolute;
bottom: 0px;
top: 100%;
text-transform: capitalize !important;
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
color: #000 !important;
font-family: 'Avenir-Medium' !important; width: 100% !important;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item {
margin: 0 20px 0 0;
display: inline-block;
height: auto; }
.desktop{
display: block;
}
.mobile{
display: none;
}
.serch-box{
box-shadow: 2px 1px 3px 1px #ddd;
padding: 30px;
margin-top: 30px;
}
.search-info #searchsubmit{
background: #ffcd00;
border: 0;
padding: 10px;
border-radius: 0px 29px 29px 0px;
float: right;
position: absolute;
margin-left: -160px;
outline: 0 !important;
}
.search-info{
text-align: center;
margin-left: auto;
margin-right: auto;
}
.search-info input[type=text] {
padding: 10px !important;
border-radius: 24px !important;
width: 600px;
border: 0 !important;
outline: 0 !important;
}
#ophthalmologists .carousel-indicators li{
color: #000 !important;
border: 1px solid #000;
background: #000 !important;
width: 70px;
height: 2px;
border-radius: 0 !important;
margin: 0 !important;
margin-left: 10px;
}
#ophthalmologists .carousel-indicators li.active{
color: #273252 !important;
border: 1px solid #000;
background: #273252 !important;
width: 70px;
height: 2px;
border-radius: 0 !important;
}
#ophthalmologists .carousel-indicators {
bottom: -65px;
position: relative;
text-align: center;
left: 23%;
right: 0 !important;
}
.row-margin{
margin-top: 30px;
float: left;
}
.oph-info h4{
color: #021283;
text-align: center;
margin-bottom: 5px;
}
.oph-info {
text-align: center;
margin-top: 40px;
height: 400px;
min-height: 400px;
}
.oph-info img{
text-align: center;
margin-left: auto;
margin-right:auto; 
border-radius: 50%;
width: 70%;
margin-bottom: 25px;
}
#ophthalmologists{
margin-bottom: 50px;
}
.banner-text h1{ }
.business-sub-menu{
margin-left: 0px !important;
margin-bottom: 25px !important;
}
.store-locator-info {
padding: 40px;
padding-top: 10px !important;
overflow-y: scroll !important;
position: absolute;
height: 100%;
}
.li-border{
border-radius: 29px;
}
.store a {
font-size: 16px !important;
}
.store .dropdown {
background: #f5f5f5 !important;
padding: 0;
width: auto;
color: #272727 !important;
}
.store .dropdown li {
padding: 6px;
border-bottom: 1px solid #000;
width: 100%;
padding: 5px 10px;
}
.store .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
border-color: none;
background: none !important;
}
.store .dropdown-menu li a{
color: #272727;
margin-top: 5px;
font-size: 17px;
}
.store .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
background-color: transparent !important;
} 
.open>.dropdown-menu {
display: block;
padding: 0 !important;
}
.store .dropdown-menu {
padding: 3px;
width: auto;
text-decoration: none;
min-width: -webkit-fill-available;
border-radius: 6px !important; }
.border-left{
border-left: 1px solid #000;
}
.store .dropdown li:last-child li:after { 
content: ""; 
border: 0 !important;
}
.store .dropdown li:last-child {
border: 0 !important;
}
.store ul.nav{
padding-bottom: 20px;
background: #f5f5f5;
padding: 5px;
border-radius: 29px !important;
width: max-content;
}
.store .nav-tabs>li>a {
border: none !important;
color: #272727 !important;
}
.store .nav-tabs {
border: none !important;
color: #272727;
}
.store .nav-tabs li a{
color: #272727 !important;
font-size: 14px;
}
.store .dropdown-toggle:after {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 25px !important;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
content: "\E5C5";
vertical-align: middle;
padding: 0 !important;
border-left: 0 !important;
float: right !important;
} .store .nav-tabs li a {
color: #272727;
font-size: 14px;
background: transparent !important;
text-decoration: none !important;
width: 100%;
margin-left: 15px;
}
.brach-add{
}
.service_slider{
margin-top: 40px;
}
.container-left{
margin-left: 5%;
}
.branch_slider{
margin: -20px !important;
padding: 0 !important;
padding-bottom: 50px !important;
}
footer ul{
margin-left: -25px !important;
}
.branch_info hr{
border-top: 2px solid #273252;
margin-bottom: 10px !important;
}
.store-banner-text{
padding: 20px 70px;}
.store-locator-info{
padding: 40px;
}
.w60{
width: 55%;
float: left;
}
.w40{
width: 45%;
float: left;
}
.icon:hover,
.icon:focus { filter: brightness(0) invert(1);
} 
.retail-tab .nav-tabs li.active a .icon , .retail-tab .nav-tabs li:hover a .icon{
filter: brightness(0) invert(1);
}
.retail-tab .nav-tabs li.active a , .retail-tab .nav-tabs li:hover  a {
background: #021283;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
border: 0px solid #ddd !important;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title{
font-size: 18px !important;
font-weight: normal !important;
}
.w100-bg{
background: #d1e4ff;
float: left;
}
.full-img{
width: 100%;
}
.retail-tab .tab-content{
margin-top: 40px !important;
}
.retail-tab .nav-tabs li.active {
border-bottom: 1px solid #ddd;
background: #021283;
}
.retail-tab .nav-tabs li:hover img{
background: transparent !important;
color: #fff !important;
}
.retail-tab .nav-tabs{
border-top: 1px solid #021283;
border-bottom: 1px solid #021283 !important;
}
.retail-tab .nav-tabs li{
text-align: center;
width: 33.3%; }
.retail-tab .nav-tabs li img{
text-align: center;
align-items: center !important;
margin: auto;
}
.retail-tab-info{
padding: 60px;
}
.home-oht{
padding: 50px;
}
.bg-blue{
background-color: #d1e4ff;
}
.service-box h2{ }
.service-box h5{
margin-top: 20px !important;
}
.btn-learn{
padding: 10px 24px 10px;
border-radius: 27px;
border: solid 1px #021283;
color: #021283;
display: inline-block;
}
.pa-text{
width: 50%;
margin-left: auto;
margin-right:auto;
text-align: center;
margin-bottom: 50px;
}
.brand-slider .sa_owl_theme .owl-dots .active span { background-color: #000 !important;
opacity: 1;
width:680px !important;
height: 3px !important;
border-radius: 0 !important;
outline: 0 !important;
}
.brand-slider .sa_owl_theme .owl-dots .owl-dot span { background-color: #000 !important;
opacity: 0.5;
width: 60px !important;
border-radius: 0 !important;
outline: 0 !important;
height: 3px !important;
}
.brand-slider .sa_owl_theme .owl-dots .owl-dot span:hover {
background-color: #000 !important;
opacity: 1;    outline: 0 !important;
}
.brand-slider .owl-prev , .brand-slider .owl-next{
display: none !important;
}
.brand-bg{
padding: 51px 0px 60px;
background-color: #d1e4ff;
}
.banner-bottom-bg h4 , .banner-bottom-bg img{
text-align: center;
margin-left: auto;
margin-right: auto;
color: #fff;
}
.banner-bottom-bg{
padding: 25px 140px 23px 90px;
background-color: #021283;
}
.banner-img{
width: 100%;
}
.am-btn{
padding: 10px 24px 10px;
border-radius: 27px;
background-color: #ffcd00;
color: #021283 !important;
margin-top: 10px !important;
display: inline-block;
border: 0 !important;
outline: 0 !important;
}
a{
text-decoration: none !important;
}
.banner-text  h1{
color: #1c1b1b;
}
.banner-text {
position: absolute;
top: 35%;
width: 40%; }
.about-w100{
}
.mission-info{
padding: 70px;
text-align: center;
}
.about-w100 {
background: #d1e4ff !important;
display: flex;
}
.about-w100 img{
width: 100%;
background: #d1e4ff !important;
}
.w100{
width: 100%;
}
.w50{
width: 50%;
float: left;
}
.vision-info{
margin-top: 40px;
}
.vision-text{
padding-top: 30px;
text-align: center;
}
.vision-info h3{
text-align: center;
}
.vision-info img{
text-align: center;
margin-left: auto;
margin-right: auto;
display: block;
}
.bg-gray{
background: #fafafa;
overflow-x: hidden !important;
}
.bg-gray .page-section{ }
.mission-info h2{
margin-bottom: 40px;
}
.text-center{
text-align: center;
}
.main-title{
color: #273252;
}
.small-title{
color: #272727;
margin-bottom: -18px !important;
}
footer ul li{
list-style-type: none;
line-height: 1.47; margin-top: 15px;
}
footer p{
color: #f5f5f5 !important;
}
footer ul li a{
color: #f5f5f5 !important;
line-height: 0.35 !important;
text-transform: capitalize;
}
footer .ft-fst-title a , footer .footer-header{
font-size: 17px !important;
font-size: 17px !important;
font-weight: 500;
line-height: 1.4;
font-family: "Avenir-Medium" !important;
} ::placeholder {
color: #273252;
opacity: 0.7;
padding-left: 5px;
}
.contact_form label{
margin-top: 20px;
color: #273252;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
margin-top: 7px;
}
.contact_form input[type="text"], .contact_form input[type="number"] , .contact_form input[type="email"], .contact_form textarea , .contact_form select{ 
width: 100%;
padding: 6px;
border-radius: 29px;
border: 1px solid #273252;
background: transparent;
outline: 0 !important;
}
.contact_form textarea {
height: 200px;
}
.contact_form select{ 
padding: 10px !important;
}
.contact_form input[type="submit"] {
width: 100%;
background: #ffcd00;
border: 0px;
padding: 10px;
color: #021283;
border-radius: 29px;
text-align: center;
margin-top: 10px;
font-weight: bold;
}
.con-hr-title{
margin-top: 40px;
border-top: 2px solid #f0f0f0;
padding-top: 20px; }
}
a:hover{
text-decoration: none !important;
}
.footer-form input[type="email"] {
width: 100% !important;
padding: 10px;
border-radius: 25px;
position: absolute;
background: transparent;
border:1px solid #fff;
color: #fff !important;
}
.footer-form input[type="submit"]{
padding: 10px;
color: #800000;
background: #fff;
border: 0;
border-radius: 25px;
width: 150px;
margin-top: -21px;
float: right;
margin-right: -30px;
}
body{
overflow-x: hidden !important;
}
.main_content{ }
.footer-menu{
margin-top: 50px;
}
.social-media .fa{
color: #fff;
font-size: 18px;
padding: 10px;
margin-left: 5px;
border: 1px solid transparent;
border-radius: 50%;
background: #8f2022;
text-align: center;
width: 45px;
height: 45px;
}
.box-tilte{
background: #c8c6c5;
padding: 15px;
opacity: 0.8;
bottom: -10px;
position: absolute;
}
.bold{
font-weight: bold !important;
}
.page-section{
padding-top: 80px;
padding-bottom: 80px; }
.logo-header{
width: 100%;
}
#return-to-top {
position: fixed;
bottom: 80px;
right: 20px;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.7);
width: 50px;
height: 50px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top i {
color: #fff;
margin: 0;
position: relative;
left: 16px;
top: 13px;
font-size: 19px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top:hover {
background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
color: #fff;
top: 5px;
}
footer {
background: #021283;
width: 100%;
float: left;
position: relative;
color: #fff;
padding: 30px 0px 30px 0px;
}
.footer-menu ul{
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}
.footer-menu ul li a{
color: #fff !important;
}
.footer-menu ul li{
list-style-type: none;
float: left;
padding-left: 30px;
color: #fff !important;
}
header { z-index: 9999;
width: 100%;
}
.main-header{
background:#021283;
padding-top: 20px;
}
.main-header a{
color: #fff !important;
}
.logo{
text-align: center;
align-items: center;
margin-left: auto;
margin-right: auto;
}
.logo-header{
background:#fff;
}
.logo-header .fa{
color: #021283;
font-size: 20px;
padding: 30px 10px 30px 10px;
}
footer .fa , footer .fa-brands{
color: #fff;
font-size: 20px;
padding-left: 30px;
}
footer .fa-facebook-f{
padding-left: 0px !important;
}
footer h3{
margin-bottom: 20px !important;
}
@font-face {
font-family: "Avenir";
src: url(//americanvisionmyanmar.com/wp-content/themes/theme/fonts/Avenir.ttc);
font-display: swap;
}
@font-face {
font-family: "Avenir-Bold";
src: url(//americanvisionmyanmar.com/wp-content/themes/theme/fonts/AvenirLTStd-Black.otf);font-display: swap;
}
@font-face {
font-family: "Avenir-Medium";
src: url(//americanvisionmyanmar.com/wp-content/themes/theme/fonts/AvenirLTStd-Medium.otf);font-display: swap;
}
h1, h2 { font-weight: 900;
font-family: "Avenir-Medium"; line-height: 1.4;
}
h3, h4, h5, h6 { font-family: "Avenir-Medium";
font-weight: 900;
line-height: 1.4;
}
body{
line-height: 190%;
font-size: 16px;
font-family: "Avenir";
} .clear:before,
.clear:after,
.container:before,
.container:after,
.hentry:before,
.hentry:after,
.product:before,
.product:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-meta:before,
.comment-meta:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.nav-links:before,
.nav-links:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.container:after,
.hentry:after,
.product:after,
.entry-content:after,
.entry-footer:after,
.comment-meta:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.nav-links:after {
clear: both;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #10c0cc;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .main-navbar {
display: none;
padding: 0;
clear: both;
background-color: #fff;
text-align: center;
}
.mobile-navigation .mobile-social-menu {
display: block;
padding: 10px 0;
text-align: center;
}
.mobile-navigation .mobile-social-menu li {
display: inline-block;
padding: 0;
margin: 0;
}
.mobile-navigation .mobile-social-menu a {
border: 0;
padding: 0 4px;
} .main-navigation {
display: none;
clear: both;
margin: auto;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding: 0;
background-color: #fff;
text-align: left;
}
.main-navigation li {
display: block;
position: relative;
}
.main-navigation > ul > li:first-child > a {
border-top: 0;
}
.main-navigation a {
display: block;
text-decoration: none;
margin: 0 15px;
padding: 12px 0;
color: #444;
font-size: 14px;
line-height: 1.4;
border-top: 1px solid #f2f2f2;
}
.main-navigation li:hover > a,
.main-navigation li:focus > a,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a {
color: #000;
}
.main-navigation ul ul {
display: none;
background-color: #fff;
padding: 0;
}
.main-navigation ul ul a {
display: block;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li:focus > ul,
.main-navigation ul li.focus > ul  {
opacity: 1;
visibility: visible;
} .mobile-navbar {
height: 40px;
background-color: #fff;
border-bottom: 0px solid rgba(0,0,0,.07);
}
.mobile-navbar .top-search {
display: inline-block;
float: right;
}
.mobile-sidebar {
position: fixed;
top: 0;
height: 100%;
z-index: 9999;
width: 300px;
overflow-y: auto;
padding: 40px 15px 20px;
background: #fff;
left: -300px;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s;
box-sizing: border-box;
}
.mobile-navigation {
outline: none;
display: block;
}
.menu-toggle {
position: relative;
display: block;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
float: left;
background: transparent;
color: #222;
text-decoration: none;
z-index: 99999;
} .button-toggle {
display: block;
background-color: #000;
content: "";
height: 2px;
opacity: 1;
position: absolute;
transition: opacity 0.3s ease 0s, background 0.3s ease 0s;
width: 20px;
z-index: 20;
left: 10px;
top: 25px;
}
.button-toggle:before {
background-color: #000;
content: "";
height: 2px;
left: 0;
position: absolute;
top: -6px;
transform-origin: center center 0;
transition: transform 0.3s ease 0s, background 0.3s ease 0s;
width: 20px;
}
.button-toggle:after {
background-color: #000;
bottom: -6px;
content: "";
height: 2px;
left: 0;
position: absolute;
transform-origin: center center 0;
transition: transform 0.3s ease 0s, background 0.3s ease 0s;
width: 20px;
} .dropdown-toggle {
height: 42px;
width: 42px;
padding: 0;
margin: 0;
position: absolute;
top: 0;
right: 15px;
text-transform: none;
background-color: transparent;
color: #fff;
border: 0;
content: "";
-webkit-border-radius: 0;
border-radius: 0;
}
.dropdown-toggle:after {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 20px; display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';
content: "\E5C5";
vertical-align: middle;
padding: 4px 8px;
border-left: 1px solid #eee;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
background-color: transparent;
color: #2e64e6;
}
.dropdown-toggle:focus {
outline: none;
}
.dropdown-toggle:focus:after {
background-color: #eee;
border-color: transparent;
} body.mobile-sidebar-active {
overflow: hidden;
position: relative;
}
body.mobile-sidebar-active:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.8);
}
.mobile-sidebar.toggled-on {
left: 0;
}
.mobile-navigation ul .toggled-on {
display: block;
}
.dropdown-toggle.toggled-on:after {
content: "\E5C7";
}
.toggled-on .button-toggle {
background-color: transparent;
}
.toggled-on .button-toggle:before {
opacity: 1;
transform: translate(0px, 6px) rotate(-45deg);
}
.toggled-on .button-toggle:after {
opacity: 1;
transform: translate(0px, -6px) rotate(45deg);
}
.owl-dot{
outline: 0 !important;
}
#panel-547-1-0-0 ul li{
font-weight: bold;
} @media  (min-width: 320px) and (max-width: 999px) {
.branch_info .am-btn {
position: relative;
}
.branch_info{
height: auto;
}
.brand-slider .sa_owl_theme .owl-dots .owl-dot span {
width: 20px !important;
}
span.wpcf7-list-item {
display: block;
padding: 10px 0px;
}
.branch_info h3 {
height: auto;
}
.len-full img{
width: 100% !important;
}
.cell3{
height: auto !important;
padding-bottom: 20px;
}
.cell3-last {
padding-bottom: 20px;
height: auto !important;
}
.maxic-cell3{
padding-bottom: 20px;
height: auto !important;
}
.brand_img {
padding: 20px !important;
}
.brand_img img{
max-width: 60% !important;
}
#pg-613-0{
margin-top: 40px !important;
}
#pg-425-0> .panel-row-style {
background-position: center center;
background-size: 100%;
padding: 0;
background-repeat: no-repeat;
margin-top: 35px;
}
#pg-547-0> .panel-row-style {
margin-top: 40px !important;
}
#ajaxsearchlite1 .probox, div.asl_w .probox {
padding: 3px !important;
} div.asl_w .probox {
border: 0px solid #000 !important;
left: 90px !important;
position: absolute;
width: 60% !important;
top: 5px;
background: none !important;
border: 0 !important;
z-index: 0;
}
div.asl_w {
width: 100%;
height: auto;
border-radius: 5px;
background-color: transparent;
overflow: hidden;
border: 1px solid #b5b5b5;
box-shadow: none;
position: inherit !important;
margin-top: 40px !important;
margin-bottom: 40px !important; 
}
div.asl_m {
width: 100%;
height: auto;
border-radius: 0;
background: rgba(255,255,255,0);
overflow: hidden;
position: relative;
z-index: 200;
float: right;
display: table-footer-group;
right: 110%;
}
.fir_list #s:focus{
width: 8em;
opacity: 1;
position: absolute;    margin-left: -8em;
margin-top: 20px;
}
ul.fir_list li{
float: right;
}
.fir_list #searchform {
display: inline;
font-size: 1em;
border-radius: 8em;
margin-top: 5px;
position: absolute;
right: 7%;
} 
.border-left {
border-left: 0px solid #000;
}
.store .dropdown {
background: #f5f5f5 !important;
padding: 0;
width: auto;
color: #272727 !important;
margin: 10px;
}
.store ul.nav {
background: transparent;
border-radius: 0;
width: auto;
}
.locate {
padding: 20px;
width: 100%;
margin-top: 0;
position: initial;
display: block;
}
.tab-pane iframe {
width: 100%;
float: left;
padding: 20px;
}
.list_left {
float: left;
right: 0;
position: inherit;
padding: 10px;
}
.woo_content{
margin-top: 30px;
}
.woo_content .banner {
padding: 10px 0px;
background-position: initial;
background-size: cover;
background-repeat: no-repeat;
}
footer ul {
margin-left: -40px !important;
}
.desktop{
display: none;
}
.mobile{
display: block;
}
.banner_text h5 , .banner_text h1{ }
.banner_text p{ }
.btn-learn {
margin-top: 10px !important;
margin-bottom: 20px;
}
.knowledge-info{
margin-top:0px !important;
}
.banner_top{
margin-top: 0px;
padding-bottom: 30px;
}
.H_first .banner_text {
padding-top: 20px; }
.retail-tab-info {
padding: 20px;
}
.home-oht {
padding: 10px;
}
.pa-text {
width: 100%;
}
.service-box{
margin-bottom: 40px;
}
.banner_text {
padding-top: 0px;
}
.slick-slider {
overflow: hidden;
}
.container-left {
margin-left: 0;
}
.store-banner-text {
padding: 20px;
}
.search-info input[type=text] {
width: 100%;
}
.search-info {
margin: 10px 30px;
}
.knowledge-info .col-md-4 {
margin-top: 40px;
}	
.knowledge-bg .page-section {
padding-bottom: 0px !important;
}
.contact-text {
padding: 20px;
}
.contact-info {
padding: 0 !important;
}
.contact_form {
padding: 0px 20px;
box-shadow: 0 0 9px 0 rgb(0 0 0 / 0%);	}
.contact-info {
box-shadow: 0 0 9px 0 rgb(0 0 0 / 0%);
background-color: transparent;
}
.vision-info h3 {
font-size: 18px;
}
.mission-info {
padding: 20px;
text-align: center;
}
.w50{
width: 100%;
}
.page-section {
padding-top: 40px;
padding-bottom: 40px; }
.tb-menu-toggle i {
height: 9% !important;
}
#menu li{
line-height: 40px;
}
#menu .sub-menu{
margin-left: -30px;
}
ul.sub-menu li {
line-height: 28px!important;
margin-bottom: 10px;
}
#menu li a{
color: #000;	
text-transform: capitalize;}
.tb-parent a:after{
content: "\f0d7";
font-family: FontAwesome;color: #000;
padding-left: 10px;
}
.tb-parent .sub-menu a:after{
content: "";
font-family: FontAwesome;color: #000;
}
.banner-bottom-bg {
padding: 20px 0px;
background-color: #273252;
overflow-x: hidden !important;
}
.banner-text {
position: relative;
top: 0;
width: 100%;
left: 0; }
.logo {
float: left !important;
margin-top: 18px;
width: 250px;
margin-bottom: 40px !important;
position: absolute;
}
#menu{
margin-top: 40px;
background: #f0f0f0;
display: inline-block;
width: 100% !important;
position: initial;
padding-top: 20px;
padding-bottom: 20px;
}
.main-header{
display: none;
}
.tb-menu-toggle{
float: right;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 10px;
}
.mobile-navbar {
display: initial;
}
header{
display: none;
}
.main_content {
padding-top: 0px;
}
.logo-header { }	
header {
position: relative !important;
z-index: -1;
}
.desktop{
display: none;
}
.mobile{
display: block;
}
#menu, .sub-menu {
display: none;
list-style: none;
} .tb-menu-toggle {
border: 0;
position: relative;
background: transparent;
cursor: pointer;
} .tb-menu-toggle i {
position: absolute;
top: 0;
left: 0;
width: 80%;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}
.tb-menu-toggle i:nth-child(2) {
top: 40%;
}
.tb-menu-toggle i:nth-child(3) {
top: 80%;
} .tb-menu-toggle.tb-active-toggle i {  } .tb-menu-toggle.tb-animate-toggle i:first-child,
.tb-menu-toggle.tb-animate-toggle i:nth-child(2){ 
top: 40%;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
} 
.tb-menu-toggle.tb-animate-toggle i:nth-child(3){ 
top: 40%;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
}
@media (min-width: 550px) and (max-width: 999px){
div.asl_w .probox {
top: 0;
border: 1px solid #000 !important;
left: 53% !important;
width: 35% !important;
}
.logo {
width: 50%;
}
}
@media  (min-width: 768px) and (max-width: 959px) {
div.asl_w .probox {
border: 0px solid #000 !important;
}
.branch_info .am-btn {
position: absolute;
}
.branch_info{
height: 300px;
}
.branch_info br{
display: none;
}
.store img{
padding: 20px;
}
.store .page-section {
padding-top: 0px;
}
.banner_text {
padding-top: 50px;
}
.main_banner .mobile{
display: none !important;
}
.main_banner .desktop{
display: block !important;
}
.main_banner .banner-text {
position: relative;
width: 100%;
padding-left: 0px;
z-index: 0;
margin-top: -25%;
}
.w50{
width: 50%;
}
.desktop{
display: none;
}
.mobile{
display: block;
}
.retail-tab-info {
padding: 20px;
}
.retail-tab img{
height: 450px;
}
.home-oht {
padding: 0px;
}
.main-title {
font-size: 23px;
}
.main_content {
padding-top: 60px;
}
.button-toggle {
top: 35px;
position: fixed;
}
.logo-header {
margin-top: -42px;
}
} @media  (min-width: 990px) and (max-width: 1199px) 	{
.retail-tab-info {
padding: 50px;
}
.maxic-cell3 {
height: 110vh !important;
}
.cell3 {
height: 150vh !important;
}
.cell3-last {
height: 110vh !important;
}
#panel-613-4-1-0> .panel-widget-style {
padding: 88px 40px 0px 0px !important;
}
#panel-613-4-1-0> .panel-widget-style, #panel-613-9-1-0> .panel-widget-style {
padding: 80px 40px 0px 0px !important;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a.mega-menu-link {
font-size: 16px !important;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
font-size: 14px !important;
}
.mega-sub-menu li img {
width: 100% !important;
height: auto !important;
max-width: 100%  !important;
text-align: center !important;
margin-left: 10px !important;
}
.flag{
margin-left: -20px;
}
.logo-header .fa {
padding: 30px 5px 30px 5px;
}
ul.fir_list li.fb {
margin-left: 30px;
}
}
@media  (min-width: 1200px) and (max-width: 1400px) {
.cell3{
height: 120vh !important;
}
}
@media  (min-width: 1500px) and (max-width: 1700px) {
ul.fir_list li.fb {
margin-left: 65px;
}
.container{
width: 1400px;
}
}
@media  (min-width: 1490px) and (max-width: 1800px) {
.cell3 {
height: 130vh !important;
}
.maxic-cell3 {
height: 100vh !important;
}
}
@media  (min-width: 1701px) and (max-width: 2560px) {
ul.fir_list li.fb {
margin-left: 65px;
}
}
@media screen and (min-width: 1650px) {
.container{
width: 1500px;
}
} @media screen and (min-width: 999px) { .mobile-navbar,
.main-navigation ul .dropdown-toggle {
display: none;
}
.main-navbar {
display: block;
}
.main-navigation {
display: inline-block;
}		
.main-navigation ul {
display: inline-block;
background-color: transparent;
text-align: center;
}
.main-navigation a,
.main-navigation li {
display: inline-block;
}
.main-navigation > ul > li > a {
padding: 0px 24px;
margin: 0;
color: #222;
font-size: 14px;
font-weight: 700;
border: 0;
text-transform: uppercase;
opacity: 1;
transition: color 0.3s ease-in-out 0s;
}
.main-navigation > ul > li.menu-item-has-children > a,
.main-navigation > ul > li.page_item_has_children > a {
position: relative;
padding-right: 18px;
}
.main-navigation > ul > li.menu-item-has-children > a:after,
.main-navigation > ul > li.page_item_has_children > a:after {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 16px; display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';
content: "\E5CF";
position: absolute;
right: 0;
top: 12px;
width: 18px;
text-align: center;
}
.main-navigation > ul > li:hover > ul,
.main-navigation > ul > li.focus > ul {
top: 40px;
}
.main-navigation ul ul {
display: block;	
position: absolute;
top: 30px;
right: 0;
padding: 0;
visibility: hidden;
opacity: 0;
border: 1px solid #ededed;
transition: top 0.4s ease 0s, opacity 0.4s ease 0s;
z-index: 99999;
text-align: left;
}
.main-navigation > ul:before,
.main-navigation > ul:after {
content: none;
}
.main-navigation > ul > li > ul:before {
border-bottom: 8px solid #fff;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
content: "";
right: 40px;
position: absolute;
top: -8px;
z-index: 19;
}
.main-navigation > ul > li > ul:after {
border-bottom: 10px solid #ededed;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
content: "";
right: 38px;
position: absolute;
top: -10px;
z-index: 16;
}
.main-navigation ul ul a { padding: 10px 0;
border-top: 0px solid #f2f2f2;
}
.main-navigation ul ul li:first-child > a {
border-top: 0;
}
.main-navigation ul ul > li.menu-item-has-children > a:after,
.main-navigation ul ul > li.page_item_has_children > a:after {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 16px; display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';
content: "\E5CF";
position: absolute;
right: 15px;
top: 13px;
vertical-align: middle;
}
.main-navigation ul ul ul {
opacity: 0;
top: 0;
right: 100%;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease-in-out 0s;
} .main-navbar {
padding: 0px 20px 20px 0;
background: none;
}
.has-header-image .main-navbar {
border: 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
.main-navbar .social-links {
display: inline-block;
}
.main-navbar .top-search {
margin-top: 5px;
}
.main-navbar .social-links {
margin: 4px 0 0;
}
.navbar-left .main-navigation {
float: left;
}
.navbar-left .top-search,
.navbar-left .social-links {
float: right;
}
}
@media screen and (min-width: 1024px) {
h1.banner-intro {
font-size: 70px;
}
a.rental {
padding: 9px 52px;
font-size: 24px;
}
h1.home-title-car {
font-size: 39px;
}
.banner-con {
padding:8% 0px;
}
.banner-text {
margin: auto auto 9% auto;
}
.min-height {
min-height: 600px;
padding-top: 40px;
}
} .Zeiss_des {
padding: 0 30px;
}
.Zeiss_des p {
color: #273252;
margin-bottom: 0;
margin-top: 20px;
}
.mission-info  h5.small-title.text-center {
margin-top: 0;
}
.mission-info h5 {
margin: 0;
font-size: 18px;
margin-top: 20px;
}
.mission-info p {
margin-bottom: 0px;
font-size: 18px;
width: 55%;
margin-left: auto;
margin-right: auto;
}
.oph-info label#des {
text-transform: capitalize;
}
.H_brandslider .owl-carousel .owl-item {
margin-bottom: -50px;
padding-left: 60px;
padding-right: 60px;
}
.H_brandslider {
margin-top: 40px;
}
.H_brandslider .white .sa_owl_theme .owl-nav button {
outline: none!important;
}
.H_brandslider .white .sa_owl_theme .owl-nav button:hover{
background-color: transparent!important;
}
.H_brandslider .white .sa_owl_theme .owl-nav button.owl-prev {
background: url(https://americanvisionmyanmar.com/wp-content/uploads/2021/04/Group-326.png)!important;
background-size: contain!important;
background-repeat: no-repeat!important;
width: 40px!important;
}
.H_brandslider .white .sa_owl_theme .owl-nav button.owl-next {
background: url(https://americanvisionmyanmar.com/wp-content/uploads/2021/04/Group-327.png)!important;
background-size: contain!important;
background-repeat: no-repeat!important;
width: 40px!important;
}
.distribution_des h5 {
font-size: 20px;
font-weight: 800;
}
.distribution_des h3 {
color: #273252;
font-size: 30px;
margin-bottom: 30px;
}
.distribution_row {
border-bottom: 1px solid #707070;
margin-bottom: 40px;
}
.distribution_des ul li {
margin-right: 30px;
}
.distribution_des ul {
list-style: none;
padding: 0;
margin: 50px 0;
display: flex;
align-items: center;
}
.distribution_des ul li img {
max-width: 250px;
height: auto;
}
.distribution_row_all {
padding-top: 80px;
padding-bottom: 50px;
}
.distribution_row_none {
border-bottom: none!important;
margin-bottom: 0px;
}
.dis_text_row {
padding: 70px 0px;
}
.dis_text_des h3 {
color: #273252;
font-size: 30px;
margin: 0;
text-transform: capitalize;
}
.dis_text_des p {
color: #000;
margin-bottom: 0;
}
.OC_row {
padding: 80px 0px;
}
.OC_des p {
margin-bottom: 0;
}
.OC_des h3 {
margin: 0;
font-size: 30px;
margin-bottom: 20px;
}
.OC_des a {
display: inline-block;
margin-top: 20px;
background: #ffcd00;
color: #021283;
padding: 10px 20px;
border-radius: 27px;
}
.OC_des_center {
text-align: center;
}
.OC_des_center ul li {
width: 33%;
margin: 0 30px;
}
.OC_des_center ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
margin-top: 50px;
}
.OC_des_center ul li span.number {
width: 40px;
margin: 0 auto;
height: 40px;
background: #4bdede;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
color: #fff;
}
.OC_des_center ul li:first-child span.number {
background: #1ba7ec;
}
.OC_des_center ul li:last-child span.number {
background: #797ef6;
}
.dis_text_row.text_border h3 {
margin-bottom: 20px;
}
.dis_text_desB:before {
content: '';
background: #273252;
width: 1px;
height: 130%;
position: absolute;
left: -50px;
top: -30px;
}
.dis_text_desB {
position: relative;
}
.eye_center_row {
padding-top: 70px;
padding-bottom: 70px;
position:relative;
}
.eye_center_row img {
position: absolute;
width: 50%;
top: 70px;
right: 0;
height: 370px!important;
object-fit: contain;
}
.eye_center_row2 {
padding-top: 70px;
padding-bottom: 70px;
}
.eye_center_row2 h3 {
margin-bottom: 0;
}
.eye_center_row3 {
padding-top: 70px;
padding-bottom: 70px;
}
.eye_center_row3 img{
width: 100%;
}
.OC_des1 h5 {
margin: 0;
font-size: 22px;
}
.E_center_row3 h3 {
color: #273252;
margin-bottom: 15px;
}
.E_center_row3 h5 {
margin-bottom: 15px;
}
a.LM_link {
background: transparent;
border: 1px solid;
}
h1.home_btitle {
color: #000;
margin-top: 0;
font-size: 40px;
}
.right img {
margin-left: auto;
}
.H_first .left {
padding-right: 65px;
}
.banner-bottom-bg h4 {
margin-bottom: 0px;
font-size: 20px;
font-weight: 500 !important;
}
.banner-bottom-bg img {
height: 30px;  }
.service-box h2.main-title {
width: 70%;
}
.bg_non {
background: #fff;
}
.page-section.opth_sec {
padding-bottom: 30px;
}
.vision-info h3 {
text-align: center;
width: 65%;
margin-left: auto;
margin-right: auto;
}
.AB .w100 {
display: flex;
align-items: center;
}
.AB .mission-info {
padding: 0 70px;
}
.service_slider .slick-slide {
margin: 0px 10px;
}
.service_info img {
margin-left: 0px;
}
.service_slider {
margin-left: 80px;
}
.branch_info h3 {
font-size: 20px;
width: 78%;
}
span.wpcf7-form-control-wrap.city select {
-moz-appearance:none; -webkit-appearance:none; appearance:none;
}
span.wpcf7-form-control-wrap.city:after {
content: '\f107';
font: normal normal normal 20px/1 FontAwesome;
position: absolute;
top: 0;
right: 15px;
height: 100%;
display: flex;
align-items: center;
}
span.wpcf7-form-control-wrap.city {
position: relative!important;
}
@media (min-width: 992px) and (max-width: 1199px){
.Zeiss_des p {
line-height: 22px;
font-size: 15px;
}
.distribution_des ul li img {
max-width: 180px;
}
.OC_des a {
padding: 10px 18px;
}
}
@media (min-width: 991px) and (max-width:1199){
.flag{
margin-left: -15px;
}
}
@media (min-width: 781px) and (max-width:991px){
.OC_des h3 {
font-size: 25px;
}
.dis_text_desB:before {
height: 176%;
left: -26px;
}
}
@media (min-width: 320px) and (max-width: 780px){
.H_first {
margin-top: 30px;
}
.DA_form .col-xs-12 {
padding: 0;
}
.doctor_appointment input[type="submit"] {
margin-top: 30px !important;
font-size: 14px;
}
.doctor_appointment .section_bottom { padding-bottom: 50px;
}
.doctor_appointment h2 {
padding-bottom: 0px;
}
div#pl-803 {
margin-top: 30px;
}
.service_slider {
margin-left: 0px;
}
.slick-dots li {
width: auto!important;
margin: 0 10px!important;
}
.slick-dots li button:before {
width: 30px!important;
}
.AB .w100 {
display: block;
}
.AB .mission-info {
padding: 30px 20px;
}
.vision-info h3 {
width: 95%;
margin: 20px auto;
}
.btn-learn, .am-btn {
padding: 10px 10px 10px;
}
.service-box h2.main-title {
width: 100%;
}
.banner-bottom-bg h4 {
margin-bottom: 20px;
}
.banner-bottom-bg {
padding-bottom: 0;
}
h1.home_btitle {
font-size: 35px;
}
.H_first .left {
padding-right: 15px!important;
}
.H_brandslider .sa_owl_theme .owl-dots .owl-dot {
display: none!important;
}
.H_brandslider .white .sa_owl_theme .owl-nav button.owl-prev, .H_brandslider .white .sa_owl_theme .owl-nav button.owl-next {
width: 30px!important;
}
.H_brandslider .owl-carousel .owl-item {
padding-left: 40px;
padding-right: 40px;
}
.Zeiss_des {
padding-bottom: 30px;
}
.distribution_des ul {
display: block;
}
.distribution_des ul {
margin: 0px 0;
display: table;
width: 100%;
}
.distribution_des ul li {
margin-right: 0px;
display: inline-block;
width: 50%;
padding-right: 25px;
margin-bottom: 20px;
}
.distribution_des h3 {
font-size: 25px;
}
.distribution_row_all {
padding-top: 30px;
}
.dis_text_des h3 {
font-size: 25px;
}
.distribution_des ul li img {
max-width: 100%;
}
.OC_des img {
width: 100%;
}
.OC_des_center ul {
display: block;
}
.OC_des_center ul li {
width: 100%;
margin: 0 0px;
margin-bottom: 40px;
}
.OC_des_center ul li:last-child {
margin-bottom: 0px!important;
}
.OC_des_center ul li span.number {
margin-bottom: -20px;
}
.eye_center_row img {
position: relative;
width: 100%;
top: 0px;
height: auto!important;
}
.OC_des h3 {
font-size: 22px;
}
.OC_des a {
padding: 10px 10px;
font-size: 15px;
text-align: center;
line-height: initial;
}
}
@media (min-width: 320px) and (max-width: 1199px){
.branch_info h3 {
width: 100%;
}
}
@media (min-width: 320px) and (max-width: 991px){
.mission-info p {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px){
.distribution_des ul li img {
max-width: 130px;
}
}