/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    box-sizing: border-box;
    position: relative;
}
/* HTML5 display-role reset for older browsers */
/*article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, input, textarea {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    
}*/

ol, ul {
    list-style: none;
}
/*blockquote, q {
    quotes: none;
}*/
/*blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}*/

/* @font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvetica.woff') format('woff'),
        url('../fonts/Helvetica.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */







table {
    border-collapse: collapse;
    border-spacing: 0;
}

.viewer-title {
    display: none !important;
}
.viewer-button {
    background-color: #00767c !important;
}
.viewer-container {
    z-index: 9999999999 !important;
}
.viewer-list.viewer-transition {
    display: none;
}
li.viewer-one-to-one, li.viewer-reset, li.viewer-rotate-left, li.viewer-rotate-right, li.viewer-flip-horizontal, li.viewer-flip-vertical {
    display: none;
}
.viewer-toolbar {
    width: 133px !important;
}
.viewer-title {
    font-size: 20px !important;
    color: #fff !important;
    margin-bottom: 25px !important;
}




img {display:inline-block;  margin:0; vertical-align:top;}

a {text-decoration:none;}

*,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin: 0;
    padding: 0
}

.flt{float:left;}
.fltr{float:right;}
.clr{clear:both;}
ol, ul{margin:0; padding:0;}
a:hover{text-decoration:none;}
a:focus{text-decoration:none;}
ul li{list-style:none;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; }


a, a:hover, a:focus{text-decoration: none;}
* {
    outline: 0;
}
.img img{width: 100%;}


body {
    height: 100%;
    margin: 0;
    background: #fff;
    font-family: 'Helvetica';
    font-weight: 300;
    font-style: normal;
}

body h1 {
    font-size: 40px;
    line-height: 46px;
    color: #333333;
    margin-bottom: 15px;
    font-weight: 700;
}
.gren_tx {
    color: #0082c2;
}
.block, .block h1 {
    color: #000;
}
body h2 {
    font-size: 34px;
    line-height: 45px;
    color: #0074ad;
    margin-bottom: 15px;
    font-weight: 500;
    font-weight: bold;
}
.uppercase{font-weight: 500; text-transform: uppercase;}

body h3 {
    font-size: 30px;
    line-height: 30px;
    color: #e5e5e5;
    margin-bottom: 0px;
    font-weight: 400;
}

body h4 {
    font-size: 21px;
    line-height: 27px;
    color: #000;
    margin-bottom: 10px;
    font-weight: bold;
}

body h5 {
    font-size: 18px;
    line-height: 27px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 10px;
}
body h6 {
    font-size: 17px;
    color: #4f4f4f;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 18px;
}

.br{
    display: block;
}
.dis_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.img{width: 100%;}
.white {
    color: #fff;
}
.uppercase{text-transform: uppercase;}
section{padding: 50px 0 50px 0; 
    overflow: hidden;}
.yellow{display: inline-block; color: #daa867;}

.container {
    max-width: 1280px;
    width: 100%;
}
.container-fault {
    max-width:1300px;
    width: 100%;
    margin:0 auto;
}


body .pd_tp_0{padding-top: 0px;}
.margin_top25{margin-top: 25px;}
.section_top35{padding-top:35px;}
.section_icon{margin: 0 0 40px 0; text-align: center;}
.padding_0{padding: 0;}
.margin_0{margin:0;}
body .bnr_cntr{text-align: center;} 
body .btn_clr_grn { background: #cfb22a; color: #000;}
body .btn_clr_grn:hover { background: #20b485; border:1px solid #20b485; color: #000;}
.center {text-align: center;}

.padding_bottom100 {
    padding-bottom:100px;
}

.padding_bottom50 {
    padding-bottom:50px;
}
.padding_bottom40 {
    padding-bottom:40px;
}
.section_top50{margin-top:50px;}
.margin_top30{margin-top:30px;}

.mr_bt50{margin-bottom:50px;}
.mr_bt30{margin-bottom:30px;}
.mr_bt20{margin-bottom:20px;}
.pdn_lt_rt_100 {
    padding: 0 100px;
}


.cont_justi{text-align: justify;}

.pic img {
    width: 100%;
}








.filter_checkbx {
    display: block;
    position: relative;
    padding-left: 38px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 9px 8px 8px 32px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
     margin: 0;
    color: #555;
    width: 20px;
    height: 36px;
}

/* Hide the browser's default checkbox */
.filter_checkbx input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 11px;
    left: 9px;
    height: 15px;
    width: 15px;
    border-radius: 2px;
    border: solid 1px #979797;
}

/* On mouse-over, add a grey background color */


/* When the checkbox is checked, add a blue background */
.filter_checkbx input:checked ~ .checkmark {
    background-color: #f19433;
    border: 1px solid #f19433;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.filter_checkbx input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.filter_checkbx .checkmark:after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.arrival_Bx .Arrival_Img img{
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 1.2s ease-out;
    -moz-transition: all 1.2s ease-out;
    -o-transition: all 1.2s ease-out;
    transition: all 1.2s ease-out;
}


.arrival_Bx:hover .Arrival_Img img{
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -ms-transform: scale(1.2);
}
body .cPortfolioPicture {
    border: 0px solid #ccc;
}







@import "./assets/css/bootstrap.min.css";
@import "./assets/css/owl.carousel.css";
@import "./assets/css/owl.theme.css";

@font-face {
    font-family: 'ralewaymedium';
    src: url('../fonts/raleway-medium-webfont.woff') format('woff'),
         url('../fonts/raleway-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

} 

body { margin:0; padding:0; width:100%;font-family: 'ralewaymedium';}
html { padding:0; margin:0; font-size: 15px;}

.main { margin:0 auto; padding:0;}
/********** header **********/
.header_resize {margin:0; padding:0;box-shadow: #333 0px 3px 14px 0px;}
.header { width:auto; padding:0; margin:0 auto;background-color: #fff;}
.navbar-inverse {background-color: #007ff200;border-color: #909090fc;}
.navbar-nav {margin: 0;}
.navbar-inverse .navbar-nav>li>a {color: #00699d;}
.navbar-inverse .navbar-nav>li>a:focus, 
.navbar-inverse .navbar-nav>li>a:hover{color: #fff;background-color: #00699d;border-radius: 6px;}
.navbar-inverse .navbar-toggle {top: 13px;}
.navbar-inverse .navbar-brand {color: #fff;}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #333;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #fff;}
.navbar {margin-bottom: unset;border: none;}
.headerMain{box-shadow: #9E9E9E 0px 2px 8px 0px;}
.logo{}
/* logo */
/*.logo {padding:0; margin:0; width:100px; float:left;}*/
.logo_text { width:230px; float:right; padding:15px 0 10px 0; margin:0; font: italic 15px Arial, Helvetica, sans-serif; color:#2cc3f7;}
.logo_text a { text-decoration:none; color:#f7fbfe;}
/* search */
.search { padding:14px 20px 0 0; margin:0; width:200px; float:right;}
.search form { display:block; float:right; padding:0;}
/* .search span { display:block; float:left; background: url(assets/images/search_bg.gif) left top no-repeat; width:130px; padding:0 0 0 10px; height:20px;} */
.search form .keywords { width:149px; line-height:14px; height:14px; float:left; background:none; border:0; padding:3px 0; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#7a7a7a;}
.search form .button { float:left; margin:0; padding:0;}
/*menu*/
.menu_resize {width:auto;}
.menu { width:700px; float:left; padding:2px 0 0 0; margin:0 auto; }
.menu ul {  padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a { float:left; margin:0; padding:15px 18px; color:#383838; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a:hover { color:#0ea2d5;}
.menu ul li a.active {  color:#0ea2d5;}
/* block header */
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {width: 100%;}

.carousel-inner img{width: 100%;}
.carousel-inner{height: 300px;}
.block_header2 {margin:0 auto; padding:0; background: url(assets/images/slider_bg_main2.gif) top repeat-x;}
.block_header2_resize { width:920px; margin:0 auto; padding:0;}
.block_header2_resize img { float:right; padding:30px 0 0 0; margin:0;} 
.block_header2_resize h2 { font:bold 36px Arial, Helvetica, sans-serif; color:#545454; padding:30px 0 60px 20px; margin:0;}
.pt-20{padding-top: 20px;}
/* body */
/*.body { padding:20px; margin:0 auto;}*/
.body_resize { width:100%; margin:0 auto; padding:0;}/*
.body h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#2c2c2c; padding:10px 5px; margin:0;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#535353; line-height:1.8em; padding:5px 5px; margin:0;}
.body p span { color:#868686;}
.body p.small { font: normal 12px Arial, Helvetica, sans-serif; color:#707070; line-height:1.8em; padding:5px; margin:0;}
.body p strong { color:#454646;}*/
.body a { color:#1790ab; text-decoration:underline; font: bold 12px Arial, Helvetica, sans-serif;}
.body img { float:left; margin:5px 10px; padding:0;}
.body img.port { margin:10px 0; padding:0;}
.body img.floated { float:left; margin:10px 0; padding:0;}
.body img.next { float:right; margin:10px 0; padding:0;} 
.right { width:469px; margin:10px 8px 10px 0; padding:0 10px; float:right;}
.right .blog { width:215px; float:left; margin:10px 3px; padding:0;}
.left {width:580px; margin:0 8px 10px 0; padding:0; float:left;}
.conleft {width:350px; margin:0 8px 10px 0; padding:0; float:left;}
.conright {width:550px; margin:0 8px 10px 0; padding:0; float:left;}
.bloga {float: left; height: 380px; margin: 10px 5px; padding: 0; width: 290px;}
.bloga p a{ color:#1F1F1F; text-decoration:none; }
.bloga p a:hover{ color:#31BFF2; text-decoration:underline; }
.blogamid{ width:48%; float:left; padding:0; margin:0 5px;}
.blogamid ul li {font-size: 11.5px; font-family: sans-serif;}
.blogamidr{ width:48%; float:left; padding:0; margin:0 5px;}
.blogamidr h2{padding-left: 18px;}
.blogamidr p{ padding:0; margin:10px 20px; font-size: 12px !important;}
.bquote {
    background: url(assets/images/blockquotel.png) no-repeat scroll 0 10px rgba(0, 0, 0, 0);
    font-size: 13px;
    padding: 10px 5px 5px 25px;
}
.bquoter {
    background: url(assets/images/blockquoter.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 13px;
	float:right;
    padding: 5px 5px 5px 20px;
}
/* FBG */
.FBG_resize { background: #1c1c1c url(assets/images/fbg_right_bg.gif) top repeat-x; margin:0; padding:0;}
.FBG { margin:0 auto; padding:20px 0; width:920px;}
.FBG ul { width:185px; float:left; margin:10px 40px 10px 30px; padding:0; list-style:none;}
.FBG li {  margin:0; color:#fff; font: normal 13px Arial, Helvetica, sans-serif;}
.FBG img { margin:10px 3px; padding:0;}
.FBG h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#e1e1e1; padding:10px 5px 20px 25px; margin:10px 0;}
.FBG h3 { font:bold 12px Arial, Helvetica, sans-serif; color:#a6a6a6; padding:10px 0; margin:10px 0;}
.FBG p { font:normal 12px Arial, Helvetica, sans-serif; color:#9c9c9c; line-height:1.8em; padding:5px 5px 5px 25px; margin:0;}
.FBG p span { color:#e1e1e1; font: normal 11px Arial, Helvetica, sans-serif;}
.FBG a { color:#9C9C9C; text-decoration:none; line-height:2em !important;font: normal 13px Arial, Helvetica, sans-serif;}
.FBG a:hover{ color:#31BFF2; text-decoration:none;}
.list{list-style: none;}
.righta {width:300px; margin:10px 8px 10px 0; padding:0 10px; float:left;}
.Fbg_bg_resize { width:125px; margin:0; padding:20px 0 0 0; float:left;}
.Fbg_bg_resize2 { width:270px; margin:0 20px 0 10px; padding:20px 0 0 0; float:left;}
.Fbg_bg_resize2 p { padding:0; margin:0; font: normal 11px Arial, Helvetica, sans-serif; color:#646464;}
.Fbg_bg_resize ul { list-style:none; margin:0 auto; padding:0 10px;}
.Fbg_bg_resize li { padding:2px 0 2px 15px; margin:0; background: url(assets/images/ul_li_2.gif) left no-repeat;}
.Fbg_bg_resize li a { font: normal 13px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
.Fbg_bg_resize li a:hover { color:#a6a6a6;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; color:#454646; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform label span { color:#65cccc;}
#contactform input.text { width:320px; border:1px solid #e2e2e2; margin:5px 0; padding:5px 2px; height:16px; background:#f8f8f8; float:left;}
#contactform textarea { width:320px; border:1px solid #e2e2e2; margin:10px 0; padding:2px; background:#f8f8f8; float:left;}
#contactform li.buttons input { padding:3px 0 3px 335px; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#666666; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}

/*************footer**********/
.footer_resize { background-color: #000a1ee0; padding:10px 0; color: #fff; font-size: 12px;border-top: 1px solid #ffffff70;}
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#ffffff;}
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0 0 20px; float:left; } 
.footer p.leftt a{ color:#2EC1F5;} 
.footer p.leftt a:hover{ color:#ffffff; text-decoration:underline;} 
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 20px 0 0; float:right;} 
.footer p.rightt a{ color:#2EC1F5;} 
.footer p.rightt a:hover{ color:#ffffff; text-decoration:underline;} 
.footer {padding:0;  margin:0 auto;  background:#172337;}
.footerTitle{color: #ffffffad;font-size: 20px;padding: 10px 25px;}
.fa {margin-top: 10px;  color: #ffffff; width: 27px; height: 27px; text-align: center; text-decoration: none; line-height: 27px; font-size: 14px;}
.fa:hover {opacity: 0.8;}
.socialIndex{background: #fff;color: #005680;margin-top: 0;}
.cGetInTouch {color: rgba(255, 255, 255, 0.8);}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { float:right; clear:both; border-top:1px solid #e1e1e1; width:100%; padding:0; margin:15px 0; background:none; line-height:0;}
#slider { width:900px; height:300px; margin:0 auto; padding:0; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:900px; height:300px; overflow:hidden; }
p#controls { margin:0; padding:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:35px; height:40px; position:absolute; left:405px; top:-135px; }
#nextBtn { top:-96px; }
#prevBtn a { display:block; width:35px; height:40px; background:url(assets/images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:35px; height:40px; background:url(assets/images/r_arrow.gif) no-repeat 0 0; }
.separator {
    background: url(assets/images/sep.png) repeat-x scroll left top rgba(0, 0, 0, 0);
    clear: both;
    height: 5px;
    margin: 20px auto;
    padding: 0;
    width: 100%;
}
/*About us*/
.abt_main {
	width:920px; height:250px;
}
.abt_left {
	width:350px;height:200px; float:left;
}
.abt_left img{
	border:1px solid #ccc;
	padding:3px;
	margin:35px 25px;
}
.abt_right {
	width:550px; float:left;
}
/*services*/
/* .ser_left {width:290px; margin:0 8px 10px 0; padding:0; float:left;} */
.ser_left  ul{list-style:square; line-height:2em; font-size:16px; color:#535353; font-family:Arial,Helvetica,sans-serif; margin:0px;}
.ser_left  ul li{color:#535353; cursor:pointer;}
.ser_left  ul li:hover{color:#32BEF1; cursor:pointer;}
.ser_right {width:100%; margin:0 8px 10px 0; padding:0; float:left;}
.ser_right ul{list-style:circle; width:200px; float:left; line-height:2em; font-size:12px; color:#535353; font-family:Arial,Helvetica,sans-serif; margin:0px;}
.img_icon {
	width:30px;
	margin-right:20px;
}
.img_icona {
	width:25px;
	margin-right:20px;
}
.soci {
	width:30px;	
}
.socil {
	width:25px;	
}
.csoci {
	margin:0px !important;
	width:30px;	
}
.csocil {
	margin:3px !important;
	width:25px;	
}
.lsocial {
	margin-bottom:5px;
}
.tsoci {
	margin-right:5px;
	width:20px;	
}
.tsocil {
	margin-right:10px;
	width:20px;	
}
.cContactInfo a {
	padding-right: 8px;
}
#iBigList {
	width: 250px;
}
.btn-success {
	background-color: #00699d;
    border-color: #162237;
}

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, 
.btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
	background-color: #00699d;
	border-color: #162237;
}

.btn-success:not([disabled]):hover {
	background-color: #00699d;
	border-color: #162237;
	opacity: 0.9;
}

/*Meadia Query */
@media (min-width: 1200px){
	.container {
    	width: 90%;
	}	
}
@media (min-width: 992px){
	.container {
    	width: 90%;
	}
}
@media (min-width: 798px){
	.container {
    	width: 90%;
	}
}
@media (min-width: 768px) {
	.navbar-nav {float: right;}
	.navbar-nav>li {padding: 15px;top: 0px;}
}

/*Yograj*/
.img_proto{    
	width: 50px;
    height: 50px;
    float: left;
	background:url(assets/images/portfolio/puzzle-game.png) no-repeat 0 0;
	background-size: cover;
    border-radius: 100%;
	margin-bottom: 10px;
}
.cPortfolioPicture {
    margin: 0 0 5px;
    /* width: calc(100% + 23px); */
    height: 250px;
    border: 1px solid #ccc;
}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.ml-10 {margin-left: 10px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.mr-10 {margin-right: 10px;}
.mr-20 {margin-right: 20px;}
.mr-30 {margin-right: 30px;}

.pt-10 {padding-top: 10px;}
.pt-20 {padding-top: 20px;}
.pt-30 {padding-top: 30px;}
.pb-10 {padding-bottom: 10px;}
.pb-20 {padding-bottom: 20px;}
.pb-30 {padding-bottom: 30px;}
.pl-10 {padding-left: 10px;}
.pl-20 {padding-left: 20px;}
.pl-30 {padding-left: 30px;}
.pr-10 {padding-right: 10px;}
.pr-20 {padding-right: 20px;}
.pr-30 {padding-right: 30px;}
/*Nawendu*/


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	.cPortfolioPicture {
		height: 200px;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.cPortfolioPicture {
		height:160px;
	} 
}



/* ----------- iPhone 6, 6S, 7 and 8  start----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    .fa:hover {opacity:10;}
}
/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    .fa:hover {opacity:10;}
 
}
/* ----------- iPhone 6, 6S, 7 and 8  end----------- */



/* ----------- Galaxy S4, S5 and Note 3 ----------- */

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
	.fa:hover {opacity:10;}
}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
    .fa:hover {opacity:10;}
}

/* ----------- Galaxy S6 ----------- */

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {
    .fa:hover {opacity:10;}
}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {
    .fa:hover {opacity:10;}
}
/* ----------- Galaxy S6 ----------- */

/* ----------- Redmi Y2 start----------- */
/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 720px) 
  and (orientation: portrait) {
    
	.fa:hover {opacity:10;}
}

/* Landscape */
@media screen 
  and (device-width: 720px) 
  and (device-height: 360px) 
  and (orientation: landscape) {
    .fa:hover {opacity:10;}

}
/* ----------- Redmi Y2 end----------- */