@media(max-width: 1199px){
.container{padding: 0 15px;}
.wrapper{padding: 40px 15px;}
.inner-Banner .heading{padding-left: 15px;}
.banner .caption{left: 15px;}
#iview .bannerrow img{width: 100%;}
/*nav*/
nav ul ul::before{top: 4px;}
nav ul ul{padding-top: 10px;}
/*nav*/
}


@media(max-width: 991px){
/*header*/
nav{font-size: 13px; letter-spacing: normal;}
header .col-9{padding-left: 0;}
/*header*/

/*contact us*/
.Contactus .Address{padding-left: 15px;}
/*contact us*/

/*product listing*/
.Gallery li{width: 33.3333333333%;}
/*product listing*/

/*Shopping-section*/
.Shopping-section .textbox{font-size: 18px;}
.Shopping-section .Buttongroup{bottom: 20px;}
/*Shopping-section*/

/*footer menu*/
.FootermEnubx [class*="col-"]{width: 100%;}
footer .SocialIcons{float: left; text-align: center; width: 100%; float: left;}
footer .SocialIcons a{display: inline-block; float: none;}
/*footer menu*/
.tp-head{padding:5px 10px; font-size:12px; text-align:center;}
.tp-head .col-9{width:100%;}
.tp-head .col-3{width:100%;  text-align:center;}
.tp-head .tp-phne .pull-right{float:none !important;}
.popup .popupwrap{max-width: 440px;}
.inner-Banner{min-height:auto;}
}


@media(max-width: 767px){
/*header*/
header .header-right{width: 100%;}
header .header-right .text-right{width: auto; float: right; position: relative; right: 0; margin-top: -60px;}
nav{width: 100%; float: left;}
header .logo{max-width: none; padding-right: 50px; position: relative; padding-top: 5px;}
header .logo img{max-width: 295px;}
header .header-right{width: 100%;}
header .col-9{padding-left: 15px;}
nav{width: 100%; float: left;}
nav ul{display: table;}
nav ul li{float: none; display: table-cell;}
nav ul li a{width: 100%; text-align: center;}
nav li:first-of-type{padding-left: 0;}
nav ul ul li a{text-align: left;}
/*header*/

/*banner*/
.banner .bx-pager{bottom: 20px;}
.banner .caption{font-size: 28px; line-height: normal;}
.banner .caption .rows{padding: 5px 10px 3px;}
/*.inner-Banner{min-height: 200px; overflow: hidden;}
.inner-Banner img{max-width: none; width: auto; height: 100%; position: absolute; left: 50%; top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}*/
/*banner*/

/*bootstrap custom*/
[class*="col-"]{float: left; padding: 5px 15px; width: 100%;}
/*bootstrap custom*/

/*footer*/
footer .col-6{width: 50%;}
/*footer*/

/*Shopping-section*/
.Shopping-section .textbox{font-size: 24px;}
.Shopping-section .Buttongroup{bottom: 30px;}
.Shopping-section .Gallery li{width: 50%;}
.Shopping-section .Gallery li:nth-of-type(4){width: 50%;}
/*Shopping-section*/

/*contact us*/
.Contactus .Address{padding-left: 15px; padding-bottom: 30px;}
/*contact us*/

/*ProductDetail*/
.ProductDetail .ProductPic{padding-bottom: 30px;}
/*ProductDetail*/

/*header*/
header .col-3{width: 25%;}
header .logo{padding-right: 0; width: 100%;}
header .logo img{max-width: none; width: 100%;}
header .col-9{width: 75%;}
nav li{padding: 0 5px; text-transform: none;}
/*header*/
.res-top-col-1{display:none;}
.res-top-col-2{width:70% !important; font-size:11px;}
.res-top-col-3{width:30% !important;}
}


@media(max-width: 639px){
body{font-size: 14px;}
/*header*/
header{padding-top: 0;}
header .col-3{position: relative; z-index: 999; background-color: #fff; width: 100%;}
header .logo img{width: auto; max-width: 295px;}
header .col-9{padding: 0;}
header .logo{/*padding-top: 40px;*/}
header .logo img{width: 100%;}
header .header-right .text-right {
    float: right;
    margin-top: 0;
    position: absolute;
    right: 15px;
    width: auto;
    top: 12px;
    z-index: 999;
}
/*header*/

/*common elements*/
.wrapper {
    padding: 20px 15px;
}
.inner-Banner .heading{display: none; font-size: 24px; min-height: auto;}
.inner-Banner .heading::after{height: 43px;}
.Title.border, h1.border{font-size: 21px; margin-bottom: 20px;}
.breadcrame{padding-bottom: 4px;}
/*common elements*/

/*social media*/
.header-right .toprow{position: absolute; left: 0; top: 0; width: 100%; float: left; z-index: 999; padding: 0 15px;
margin: 0; padding-top: 10px;}
header .SocialIcons a{width: 28px; height: 28px; margin: 0;}
/*social media*/

/*nav*/
nav{position: absolute; left: 0; top: 0; padding-top: 0px; margin-top:14px; max-height: 100vh; overflow: auto; display: none;}
.submenuicon{display: block; width: 50px; height: 100%; position: absolute; right: 0; top: 0; z-index: 9;
cursor: pointer; border-left: 1px solid #33a9e4;}
.submenuicon:before{content: ""; width: auto; float: left; position: absolute; right: 20px; top: 20px;
border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #fff; z-index: 99;
transition: 0.5s;}
nav .submenuicon{width: 100%; float: left; border-left: 0;}
nav ul ul .submenuicon:before{top: 14px;}
.submenuicon.active:before{transform: rotate(180deg);}

nav{background-color: #0B3D2E; color: #fff;}
nav ul li{width: 100%; float: left; padding: 0;}
nav ul li + li{border-top: 1px solid #33a9e4;}
nav ul li a{padding: 12px 15px; width: 100%; float: left;}
nav li:hover{color: #fff;}
nav ul li:hover > ul{display: none;}
nav ul ul{display: none; padding: 0; position: relative; left: 0; top: 0; width: 100%; float: left;
padding-left: 30px;}
nav ul ul::before{display: none;}
nav ul ul li a{padding: 8px 15px;}
nav ul ul ul{left: 0; margin: 0; width: 100%; padding-left: 15px; top: 0;}
nav ul ul li + li{border: 0;}
nav ul ul ul li{border: 0;}
nav ul ul li:hover{background-color: #0093dd;}
nav ul li a{text-align: left;}

nav ul ul li:after{content: ""; display: block; width: auto; float: left; position: absolute; left: 0; top: 13px;
border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #fff;}

.navIcon{display: block; width: 24px; height: 24px; position: absolute; right: 0; top: 50%; margin-top: -5px;
cursor: pointer;}
.navIcon span{width: 100%; float: left; height: 3px; background-color: #FFF; position: absolute; left: 0; top: 0;
transition: 0.5s;}
.navIcon span.top{}
.navIcon span.middle{top: 9px;}
.navIcon span.bottom{top: 18px;}
.navIcon.navIconActive span.top {
transform: translateY(9px) translateX(0px) rotate(45deg);
}
.navIcon.navIconActive span.middle {
opacity: 0;
}
.navIcon.navIconActive span.bottom {
transform: translateY(-9px) translateX(0px) rotate(-45deg);
}
/*nav*/

/*banner*/
.banner li{min-height: 200px; position: relative; overflow: hidden;}
.banner li img{max-width: none; width: auto; min-width: 100%; min-height: 200; position: absolute; left: 50%; top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.banner .bx-pager{bottom: 10px;}
.banner .caption{font-size: 18px; line-height: normal;}
.banner .caption .rows{padding: 5px 10px 3px;}
/*banner*/

/*Shopping-section*/
.Shopping-section .Gallery li{width: 100%;}
.Shopping-section .Gallery li:nth-of-type(4){width: 100%;}
/*Shopping-section*/

/*product listing*/
.PictureGallery.Gallery li{width: 50%;}
.ProductListing .Gallery li{width: 100%;}
/*product listing*/

/*breadcrame*/
.breadcrame{font-size: 12px; text-transform: none; margin-left: -10px; margin-right: -10px;}
.breadcrame li{padding: 3px 10px;}
.breadcrame li + li{padding-left: 15px;}
/*breadcrame*/

/*footer*/
footer .col-6{width: 100%; text-align: center;}
/*footer*/

/*footer menu*/
.FootermEnubx [class*="col-"]{width: 100%;}
footer .SocialIcons{float: left;}
.footerMneu .Col{width: 100%; float: left; max-width: none;}
.footerMneu ul li{border-bottom: 1px solid #fff; padding: 0;}
.footerMneu ul ul li{display: block; border: 0; margin: 0; padding: 0;}

.footerMneu ul a#navMenu1 + .submenuicon{width: 40px; height: 40px; float: right; position: absolute; right: 0; top: 0; cursor: pointer;
background-color: #0B3D2E; color: #fff; display: block; line-height: 40px; border: 0;}
.footerMneu ul a#navMenu1 + .submenuicon::before{line-height: 36px;}
.footerMneu ul a#navMenu2 + .submenuicon{width: 40px; height: 40px; float: right; position: absolute; right: 0; top: 0; cursor: pointer;
background-color: #0B3D2E; color: #fff; display: block; line-height: 40px; border: 0;}
.footerMneu ul a#navMenu2 + .submenuicon::before{line-height: 36px;}
.footerMneu ul a#navMenu3 + .submenuicon{width: 40px; height: 40px; float: right; position: absolute; right: 0; top: 0; cursor: pointer;
background-color: #0B3D2E; color: #fff; display: block; line-height: 40px; border: 0;}
.footerMneu ul a#navMenu3 + .submenuicon::before{line-height: 36px;}

.footerMneu ul a{padding: 10px 0;}
.footerMneu ul ul{display: none; padding: 10px 0; padding-left: 15px;}
.footerMneu ul ul a{padding: 5px 0; padding-left: 20px;}
.footerMneu ul ul a::before{top: 9px;}
/*footer menu*/

a.bannerrow img{height: auto;}
.Gallery .Disbox{min-width:auto;}
.Gallery .Pic{height:100%;}
.Gallery .Pic a {display:block;}
.Gallery .Pic a img.dynamicimg{width: 100%; height: auto; transform: inherit; position: inherit;}
.Gallery .Pic .fiximg{display:none;}
}


@media(max-width: 419px)/*media screen*/{
/*social media*/
header .SocialIcons a{float: left; margin: 0 1px;}
#google_translate_element{max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
padding-right: 0; margin: 0; margin-top: 2px;}
#google_translate_element .goog-te-gadget-icon{display: none;}
.goog-te-gadget-simple .goog-te-menu-value span{font-size: 11px;}
/*social media*/

/*home page*/
.Shopping-section .textbox{font-size: 18px;}
/*home page*/
}/*media screen*/


@media(max-width: 350px)/*media screen*/{
header .SocialIcons a{float: left; width: 22px; height: 22px; margin: 1px;}
#google_translate_element{margin-top: 0;}
header .logo img{max-width: 210px;}
nav{padding-top: 0px; margin-top:125px;}
}/*media screen*/