body {background-color: #fff !important;font-family: roboto,sans-serif;}
/*=============================================================
===============================================================
                            header
===============================================================
===============================================================*/
.header{background-color: #616161;color: #fff;padding: 10px 45px;margin: 0;display: block;position: fixed;width: 100%;z-index: 999;box-shadow: 0 3px 10px #402e2e;}
.header .row .col-md-4:first-child {padding-left: 13px;font-size: 22px;}
/*------------------------logo-------------------------------*/
.logo a, .footer-logo a {color: #fff;font-weight: 600;}
.logo a img{height: 30px;width: auto;display: block;}
.logo a:hover,.logo a:focus, .logo a:active, .footer-logo a:hover,.footer-logo a:focus, .footer-logo a:active{text-decoration: none;color: #d50000;}
/*---------------------header menu---------------------------*/
.menu-bar{padding-right: 10px;display: block;cursor: pointer;float: left;}
.header-menu{padding: 0;margin: 0;position: relative;width: 100%;}
.header-menu ul{padding: 0 40px;margin: 0;list-style: none;background-color: #e0e0e0;}
.header-menu ul li{display: inline-block;border-right: 1px solid #fff;}
.header-menu ul li:last-child{border-right: none;}
.header-menu ul li a{color: #595959;font-weight: 600;padding: 10px 15px;display: block;text-transform: uppercase;}
.header-menu ul li.active, .header-menu ul li.active a, .header-menu ul li a:hover, .header-menu ul li a:focus, .header-menu ul li a:active{color: #fff;text-decoration: none;background-color: #c33333;}
div#menu {top: 58px;position: relative;}
div#searchBar {top: 58px;position: relative;    padding: 0 15px;}
div#deviceList, div#deviceListTwo, div#deviceListThree, div#deviceListFour {position: absolute;display: block;}
div#deviceList ul.dropdown-menu, div#deviceListTwo ul.dropdown-menu, div#deviceListThree ul.dropdown-menu, div#deviceListFour ul.dropdown-menu {padding: unset;border-radius: 5px !important;background-clip: unset;border: unset;z-index: 1; background-color: #fff;}
div#deviceList .dropdown-menu li a, div#deviceListTwo .dropdown-menu li a, div#deviceListThree .dropdown-menu li a, div#deviceListFour .dropdown-menu li a{border-bottom: 1px solid #ccc;padding: 3px 5px;display: block;color: #555;}
div#deviceList .dropdown-menu li a:hover, div#deviceListTwo .dropdown-menu li a:hover, div#deviceListThree .dropdown-menu li a:hover, div#deviceListFour .dropdown-menu li a:hover{text-decoration: none;}
/*----------------------header search-----------------------*/
.search{float: right;width: 60%;}
.phone_search{display: none;}
.tCode{display: none;}
.search:hover, .search:active, .search:focus{outline: none;}
.search input{background-color: #e9e9e9;}
/*---------------------social share--------------------------*/
.social{float: right;padding-top: 5px;}
.social a svg{fill: #fff;margin-left: 15px;}
.social a svg:hover, .social a svg:focus, .social a svg:active{fill: #d50000;}

/*===============================================================
=================================================================
                            right sidebar
=================================================================
================================================================*/
span.c-code {font-size: 14px;font-weight: 600;color: #616161;width: 30px;height: 30px;display: inline-flex;justify-content: center;align-items: center;text-transform: uppercase;background-color: #efefef;border-radius: 50%;margin-left: 10px;cursor: pointer;}
span.c-code:hover {background-color: #c33333;color: #fff;}
.r-drop {display: none;position: fixed;right: 0;top: 60px;width: 15%;background-color: #eceded;border: 1px solid #eae2e2;box-shadow: 0 3px 5px #615a5a52;z-index: 111;}
ul.lang-list {margin: 0;padding: 0;list-style: none;height: 475px;overflow-y: scroll;}
li.codes a{color: #333;width: 100%;display: block;padding: 3px 10px;border-bottom: 1px solid #a58a8a;text-decoration: none;}
li.codes.active a, li.codes a:hover {background-color: #c33333;color: #fff;}


/*===============================================================
=================================================================
                            sidebar
=================================================================
================================================================*/
/*sidebar*/
.sidebar{height: auto; background-color: #fff;}
.sticky {position: -webkit-sticky;position: sticky;top: 70px;z-index: 1;}
/*----------------phone finder or phone category-------------*/
.phone-finder {text-align: center;background-color: #bbbbbb;cursor: pointer;height: 45px;padding: 10px 0;font-size: 16px;}
.phone-finder a{text-transform: uppercase;color: #fff;display: block;font-weight: 600;}
.phone-finder a:hover, .phone-finder a:focus, .phone-finder a:active{text-decoration: none;}
.phone-finder a .fa{color: #6f6f6f;}
.phoneFinder{background-color: #eee;border-radius: 5px;height: 100%;}
.phoneFinder form{padding: 10px 0;display: table;}
.phoneFinder form div{float: left;}
.phoneFinder form select, .phoneFinder input[type="text"]{width: 100%;padding: 8px 5px;border: 1px solid #ccc;color: #555;margin: 5px 0;border-radius: 5px;}
.phoneFinder button{padding: 5px 15px;border: 1px solid #ccc;color: #fff;margin: 5px 0;background-color: #c33333;border-radius: 5px;}
.phoneFinder form select:focus, .phoneFinder input[type="text"]:focus, .phoneFinder button:focus{outline-color: #c33333;}
.finder-category{width: 100%;position: relative;text-align: center;}
.finder-category ul {padding: 0;margin: 0;background: linear-gradient(180deg,hsla(180,3%,92%,.9) 16%,hsla(180,4%,89%,.9) 87%);list-style: none;z-index: 1;position: relative;line-height: 100%;height: 100%;align-items: center;overflow: hidden;}
.finder-category ul li:nth-child(3n+2){border-right: 1px solid #bbbbbb;border-left: 1px solid #bbbbbb;}
.finder-category ul li{width: 33.33%;float: left;border-bottom: 1px solid #bbbbbb;}
.finder-category ul li a{color: #444;font-size: 14px;display: block;letter-spacing: .35px;padding: 8px;text-align: center;}
.finder-category ul li a:hover,.finder-category ul li a:focus, .finder-category ul li a:active{text-decoration: none;background-color: #c33333;color: #fff;}
a.pFBack{background-color: #ccc;padding: 5px 10px;color: #555;border-radius: 5px;position: relative;display: inline-block;}
a.pFBack:hover{text-decoration: none;}
.all-brands{background-color: #bbbbbb;position: relative;cursor: pointer;font-size: 16px;text-transform: uppercase;display: flex;height: 100%;width: 100%;}
.all-brands a{padding: 10px;font-weight: 400;display: block;color: #fff;}
.all-brands a:hover, .all-brands a:focus, .all-brands a:active{text-decoration: none;}
.all-brands a:last-child{margin-left: auto;}
/*---------------------home slider-------------------------*/
.home-slider{height: 400px;width: 100%;background-color: #eee;margin-bottom: 15px;}
div#home-slide {width: 100%;height: 100%;overflow: hidden;}
.home-slider img{width: 100%;height: 100%;min-height: 400px;object-fit: cover;}
.slide-desc{position: absolute;background: rgb(111, 111, 111);background: rgba(0, 0, 0, 0.5);color: #f1f1f1;padding: 20px;width: 100%;top: 0;height: 400px;padding-top: 165px;overflow: hidden;}
.slide-desc h1{text-align: right;text-shadow: 2px 2px #000;font-weight: 700;}
.slide-desc ul{float: right;padding: 0;margin: 0;max-width: 70%;line-height: 1.4em;}
/*---------------------latest devices-------------------------*/
.latest-device, .stored-device{max-height: 445px;height: 100%;border: 1px solid #eee;margin-top: 15px;overflow: hidden;}
.d-s-right {margin-top: -15px;}
.d-header, .d-header{background-color: #efefef;}
.d-style, .d-style{background-color: #bbbbbb;}
.d-header{height: 45px;padding: 10px 0;font-size: 16px;color: #777;text-transform: uppercase;font-weight: 600;}
.d-style {padding: 14px 5px;display: inline;margin-right: 10px;}
.l-devices{padding: 0;position: relative;width: 100%;}
a.devices-link:hover, a.devices-link:focus, a.devices-link:active{text-decoration: none;border: 1px solid #ccc;color: #fff;background-color: #c33333;}
a .devices-link{position: relative;}
.devices-link{float: left;display: block;width: 33.3%;min-height: 140px;text-align: center;font-size: 14px;font-weight: 500;color: #333;position: relative;background-color: #e6e6e6;overflow: hidden;border: 1px solid #fff;margin-top: 7px;}
.devices-link img{width: auto;height: 140px; position: relative;opacity: .953;z-index: 1;}
.devices-link span{display: flex;position: relative;height: 40px;margin: 5px;justify-content: center;align-items: center;overflow: hidden;line-height: 18px;}
a.devices-link:after {content: "";position: absolute;background-color: #fff;width: 100%;left: 0;top: 0;height: 145px;z-index: 0;overflow: hidden;}

/*---------------------------------top devices-------------------------------*/
.top-devices {border: 1px solid #eee;margin-top: 15px;overflow: hidden;}
.top-device-name{background-color: #fff;position: relative;font-size: 14px;}
.device-name a{color: #555;padding: 2px 10px;display: block;}
.device-name a:hover, .device-name a:focus, .device-name a:active{color: #c33333;text-decoration: none;background-color: #d5d9e0}
.device-name span{float: right;}
.device-name:nth-child(2n){background-color: #eae7e7;}
/*--------------------------popular device comparisons-----------------------------------*/
.popular-comparisons{position: relative;border: 1px solid #eee;margin-top: 15px;}
.cmpr{position: relative;background-color: #fff;display: block;}
.cmpr:nth-child(2n){background-color: #e5e5e5;}
.comparisons-devices a{display: block;padding: 2px 10px; color: #555; font-size: 14px;}
.comparisons-devices .cmpr:hover, .comparisons-devices .cmpr:focus, .comparisons-devices .cmpr:active{background-color: #ccc;}
.comparisons-devices a:hover, .comparisons-devices a:focus, .comparisons-devices a:active{text-decoration: none;color: #c33333;}
/*===============================================================
=================================================================
                          Home container (main)
=================================================================
================================================================*/
.main-container{background-color: #fff;padding: 70px 40px 0px 40px;min-height: 500px;}
.col-md-8.d-items {padding-left: 0;}
.latest-items{padding: 0;margin: 0;position: relative;height: auto;background-color: #fff;}
.device-container{padding: 0;margin: 0;position: relative;}
.device-container.comming-device{height: 300px;}
.latest-device-one{height: 100%;position: relative;width: 49.4%;background-color: #fff;float: left;margin-bottom: 10px;display: block;overflow: hidden;}
.comming-device .latest-device-one .c-s-info{position: absolute;bottom: 0;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.18);color: #f1f1f1;padding: 20px;width: 100%;height: 100%;text-align: center;}
.latest-device-one.c_device {margin-right: 10px;}
.latest-device-one:first-child{margin-right: 10px;}
.latest-device-one img{position: relative;width: auto;height: 100%;margin: auto;display: block;padding: 5px;}
.device-container.compare-device{height: 300px;margin-top: 10px;}
.compare-device .latest-device-one a:after{opacity: .7;color: #fff;}
.compare-device .latest-device-one .compare-info{position: absolute;bottom: 0;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.5);color: #f1f1f1;padding: 20px;width: 100%;height: 100%;overflow: hidden;}
.compare-device .compare-ico{font-size: 24px;position: absolute;color: #fff;z-index: 9;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.compare-device .compare-ico svg{padding: 3px;background-color: #fff;border-radius: 25px;width: 30px;height: 30px;}
.compare-info p{margin: 0;padding: 5px 10px;background-color: #656565ba;margin-bottom: 5px;width: fit-content;border-radius: 5px;line-height: 1.5em;font-size: 14px;}
.item-publish{position: absolute;top: 0;left: 0;text-transform: uppercase;background-color: #000;color: #fff;font-weight: 700;opacity: .5;padding: 2px 5px;font-size: 10px;}
.img-title{font-size: 24px;font-weight: 700;color: #fff;text-align: center;text-align: -webkit-center;padding: 10px;background-color: #000;opacity: .5;width: fit-content;margin: auto;border-radius: 10px;margin-top: 110px;}
.items{height: 200px;background-color: #eee;border: 1px solid #ddd;margin-top: 10px;}
.items .item-pic{height: 199px; width: 40%; background-color: #eee; position: absolute;display: block;overflow: hidden;}
a.item-title,.item-desc,.read-more{padding: 5px 10px;position: relative;margin-left: 40%;}
a.item-title{font-size: 22px;font-weight: 500;color: #333;line-height: 30px;margin-bottom: 0;height: 75px;overflow: hidden;padding: 10px;display: block;}
a.item-title:hover, a.item-title:focus, a.item-title:active{text-decoration: none;color: #c33333;}
.items .item-pic img{top: 0;left: 0;width: 100%;border-right: 1px solid #ddd;}
.item-desc{text-align: justify;font-size: 14px;color: #555;margin: 0;height: 80px;overflow: hidden;margin-left: 40%;}
.read-more span{font-size: 10px;font-weight: 500;text-transform: uppercase;top: 10px;position: relative;color: #aaa;}
.read-more a{float: right;padding: 5px 10px;background-color: #a7a7a7;color: #fff;font-weight: 700;border-radius: 10px;}
.read-more a:hover, .read-more a:active, .read-more a:focus{text-decoration: none;color: #fff;background-color: #c33333;box-shadow: 0 0 6px #777;}
/*===============================================================
=================================================================
                            Category list css
=================================================================
================================================================*/
.row .category-list{width: 100%;height: auto;background-color: #eee;margin: 0 15px;}
.row .category-container{width: 100%;height: 100%;background-color: #eee;margin: 10px 15px;}
.category-list {background-color: #ddd;padding: 5px;width: 100%;position: relative;border-radius: 10px;display: inline-block;}
.col-md-2.category {float: left;text-align: center;margin-bottom: 10px;padding: 5px;margin: 0;width: 12.5%;}
.cat_list{background-color: #fff;border-radius:10px;padding: 2px;}
.col-md-2.category a{padding: 8px 0;display: block;color: #555;font-size: 16px;font-weight: 600;box-shadow: 0 4px 7px #a0a0a0;}
.category.active a.cat_list, .col-md-2.category a:hover, .col-md-2.category a:focus{background-color: #c33333;color: #fff;text-decoration: none;box-shadow: 0 4px 7px #777b80;}
.cat_empty{font-weight: 600;text-align: center;color: #555;}
/*===============================================================
=================================================================
                            Rumor mill css
=================================================================
================================================================*/
.rumor-list{width: 100%;min-height: 600px;position: relative;background-color: #efefef;margin-top: 10px;padding: 10px 5px;text-align: center;}
.col-md-3.rumor-item{float: left;text-align: center;margin-bottom: 10px;padding: 5px;margin: 0;min-height: 220px;}
.rumor-item a:hover{text-decoration: none;}
/*===============================================================
=================================================================
                            category container css
=================================================================
================================================================*/
.category-container{background-color: #ddd;padding: 10px 5px;height: 100%;width: 100%;position: relative;margin: 10px 0;border-radius: 10px;}
.category-item{float: left;text-align: center;margin-bottom: 10px;padding: 5px;min-height: 220px;}
a.cat_info {width: 190px;height: 100%;background-color: #fff;display: block;border-radius: 5px;margin: auto;color: #555;}
.category-item a:hover{text-decoration: none;}
.cat_img {width: 100%;min-height: 200px;background-color: #fff;overflow: hidden;}
.cat_img img{width: auto;height: 200px;background-color: #fff;opacity: .9;padding: 5px;}
.cat_info span{font-weight: 500;padding: 5px;display: flex;height: 45px;line-height: 18px;overflow: hidden;align-items: center;justify-content: center;border-top: 1px solid #ddd;}
a.cat_info:hover{background-color: #c33333;color: #fff;}
/*=================================================================
===================================================================
                        compare item container css
===================================================================
===================================================================*/
.compare-container{background-color: #ddd;padding: 10px 5px;height: 100%;width: 100%;position: relative;margin: 10px 15px;border-radius: 10px;}
.compare-container .col-md-2, .compare-container .col-md-4{border-right: 1px solid #fff;}
.Compatre-title {width: 100%;background-color: #fff;text-align: center;padding: 5px;color: #555;}
.compare-with{display: flex;position: relative;width: 100%;}
.compare-with form{width: 100%; position: relative;}
.compare-with input[type="text"] {border-radius: 5px 0 0 5px;border: 1px solid #bbb;padding: 5px 8px;outline: none;font-size: 14px;width: 75%;}
.compare-with select {border-radius: 5px 0 0 5px;border: 1px solid #bbb;padding: 7px 8px;outline: none;font-size: 14px;width: 80%;}
.item-null-pic .compare-img{width: 100% !important;opacity: .1;height: 100% !important;}
.compare-with button {border-radius: 0 5px 5px 0;border: 1px solid #bbb;font-size: 14px;padding: 5px;background-color: #eaeaea;outline: none;color: #555;width: 25%;margin-left: -5px;}
.compare-with button:hover,.compare-with button:focus{outline: none;background-color: #ddd;}
.d_list .list-group-item{padding: 7px 10px;color: #555;display: block;}
/*--------------photo compare------------*/
.photo-compare {width: 100%;position: relative;height: 240px;background-color: #fff;margin-top: 10px;padding: 5px 8px;color: #666;overflow: hidden;}
.col-md-2 .photo-compare{display: flex;justify-content: center;align-items: center;}
.p-compare {width: 100%;position: relative;display: flex;}
.p-compare .compare-img{width: 56%; background-color: #fff; height: 190px; overflow: hidden; border: 1px solid #eee;display: flex;justify-content: center;align-items: center;}
.compare-img img{width: auto;height: 190px;padding: 5px;}
.compare-img-info {padding: 0 5px;width: 44%;height: 190px;}
.compare-img-info a{background-color: #ccc;padding: 5px;color: #555;font-size: 12px;text-transform: uppercase;margin-bottom: 5px;display: block;overflow: hidden;}
.compare-img-info a:hover{text-decoration: none;}
/*--------------compare info------------*/
.compare-info{width: 100%;background-color: #fafafa;position: relative;margin-top: 10px;}
.i_compare{width: 100%;height: 100%;position: relative;display: flex;border-bottom: 1px solid #ddd;}
.info-name{width: 11%;height: auto;border-right: 1px solid #ddd;text-transform: uppercase;padding: 5px;color: #c33333;display: flex;align-items: center;justify-content: center;font-weight: 600;text-align: center;}
.p_info {width: 93%;position: relative;}
.compare-side{width: 100%;display: flex;border-bottom: 1px solid #ddd;font-size: 14px;color: #555;}
.info-sub-name{padding: 5px;width: 10.6%;border-right: 1px solid #ddd;font-weight: 600;display: flex;align-items: center;overflow: hidden;}
.info_desc{height: auto;border-right: 1px solid #ddd;padding: 5px;}
.compare-one{width: 34%;}
.compare-two{width: 34%;}
.compare-three{width: 32.4%;}
/*=================================================================
===================================================================
                        phone details css
===================================================================
===================================================================*/
.col-md-8.d-items.p-details {padding-left: 15px;padding-right: 0;}
.row  .p-details .category-list{margin: 0;}
.p-details .compare-info{margin-bottom: 10px;}
.phone-deatis{width: 100%;position: relative;height: 240px;background-color: #fff;margin-top: 10px;padding: 5px 8px;color: #666;overflow: hidden;   }
.p-slide{
    height: 300px;
    width: 100%;
    position: relative;
    border-left: 1px solid #f1f1f1;
    background: rgba(236,236,236,1);
    background: -moz-linear-gradient(left, rgba(236,236,236,1) 39%, rgba(216,215,215,1) 100%, rgba(102,120,144,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(39%, rgba(236,236,236,1)), color-stop(39%, rgba(216,215,215,1)) color-stop(100%, rgba(102,120,144,1)));
    background: -webkit-linear-gradient(left, rgba(236,236,236,1) 39%, rgba(216,215,215,1) 100%, rgba(102,120,144,1) 100%);
    background: -o-linear-gradient(left, rgba(236,236,236,1) 39%, rgba(216,215,215,1) 100%,100gba(102,120,144,1) 100%);
    background: -ms-linear-gradient(left, rgba(236,236,236,1) 39%, rgba(216,215,215,1) 100%, rgba(102,120,144,1) 100%);
    background: linear-gradient(to right, #ffffff 0%, rgb(255, 255, 255) 39%, rgb(216, 215, 215) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#667890', GradientType=1 );
}
.p-slide .phone-slide-header, .p-slide .phone-slide-footer{
    height: 50px;width: 100%;position: relative;display: flex;padding: 10px 20px;border-bottom: 1px solid #ccc;align-items: center;background: rgb(187, 187, 187);
    background: -moz-linear-gradient(left, rgb(187,187,187) 0%, rgb(214,214,214) 36%, rgb(183,183,183) 71%, rgb(187,187,187) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgb(187,187,187)), color-stop(36%, rgb(214,214,214)), color-stop(71%, rgb(183,183,183)), color-stop(100%, rgba(142,180,227,1)));
    background: -webkit-linear-gradient(left, rgb(187, 187, 187) 0%, rgb(214, 214, 214) 36%, rgb(183, 183, 183) 71%, rgb(187, 187, 187) 100%);
    background: -o-linear-gradient(left, rgb(187,187,187) 0%, rgb(214,214,214) 36%, rgb(183,183,183) 71%, rgb(187,187,187) 100%);
    background: -ms-linear-gradient(left, rgb(187,187,187) 0%, rgb(214,214,214) 36%, rgb(183,183,183) 71%, rgb(187,187,187) 100%);    
    background: linear-gradient(to right, rgb(187, 187, 187) 0%, rgb(214, 214, 214) 36%, rgb(183, 183, 183) 71%, rgb(187, 187, 187) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eb4e3', endColorstr='#8eb4e3', GradientType=1 );
}
.p-slide .phone-slide-header h1{margin: 0;text-shadow: 0 0 5px #000;color: #fff;font-weight: 700;font-size: 24px;}
.p-slide .phone-slide-header a{margin-left: auto;color: #fff;text-shadow: 0 0 5px #000;}
.p-slide .phone-slide-footer{position: absolute;bottom: 0;width: 100%;height: 50px;padding: 0;display: block;}
.p-slide .phone-slide-footer ul{list-style: none;position: absolute;right: 0;display: flex;}
.p-slide .phone-slide-footer ul li a{display: block;padding: 9px 20px;color: #fff;font-size: 20px;font-weight: 600;text-shadow: 0 0 5px #000;}
.p-slide .phone-slide-footer ul li a:hover{text-decoration: none;color: #fff;background-color: #c33333;}
.p-slide .phone-info{width: 100%;height: 200px;position: relative;display: flex;}
.phone-info .phone-photo{width: 25%;height: 100%;overflow: hidden;z-index: 1;padding: 0 5px;}
.phone-info .phone-photo img{max-height: 100%;max-width: 100%;height: 100%;width: auto;position: relative;margin: auto;display: block;padding: 5px 0;}
.phone-dtls {width: 75%;position: relative;padding: 0 5px;}
.p-info {position: relative;display: flex;padding-top: 5px;width: 100%;color: #333;}
.p-info p:first-child{width: 40%;padding-right: 5px;}
.p-info p:last-child{width: 80%;}
.p-more-info{width: 100%;position: relative;display: inline-block;font-size: 14px;font-weight: 500;color: #555;text-shadow: 0 0 3px #fff;min-height: 135px;overflow: hidden;}
.p-announce span, .p-release span{color: #888;}
.p-status span{color: #1aab54;}
/* padding-bottom: 5px;It has bellow code */
.p-all-info{position: relative;display: flex;text-shadow: none;font-weight: 400;width: 33.3%;float: left;} 
.all-info p{margin: 0;font-size: 14px;line-height: 1.4em;}
.all-info p:first-child{color: #1aab54;}
.d-items .i_compare{border: 1px solid #ddd;}
.d-items .info-name{width: 22%;text-align: center;}
.d-items .info-sub-name{width: 20%;}
.d-items .compare-one{width: 58%;}
.d-items .info_desc{border-right: unset;}
/*=================================================================
-------------------------------------------------------------------
                           phone photos
-------------------------------------------------------------------
===================================================================*/
.device-photos{width: 100%;height: auto;position: relative;margin: 0;padding: 0;}
.d_photo a{width: 27%;height: 200px;background-color: #fff;position: relative; margin: 10px 20px;border: 2px solid #eee;border-radius: 5px;overflow: hidden;display: flex;align-items: center;justify-content: center;float: left;}
.d_photo img{width: auto;height: 100%;padding: 5px;}
.d_photo a:hover {border: 2px solid #c33333;}
/*=================================================================
-------------------------------------------------------------------
                           phone finder
-------------------------------------------------------------------
===================================================================*/
.category-list.cat-list{margin: 0;padding: 4px;}
.cat-list .col-md-2.category{max-width: 33.33%;width: 33.33%;}
.col-md-5.category-list {height: 320px;overflow: hidden;position: relative;}
.finder-slide{height: 320px;width: 100%;background-color: #ddd;position: relative;}
.col-md-7.finder-items {padding: 0 15px 0 0;}
.finder-img{width: 100%;height: 100%;background-color: #eee;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.finder-img img {width: 100%;height: auto;}
.finder-feature{position: absolute;bottom: 0;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.3);color: #f1f1f1;padding: 20px;width: 100%;height: 100%;}
.finder-feature p {position: absolute;bottom: 0;font-size: 48px;font-weight: 900;text-shadow: 0 0 5px #000;}
ul.finder_info {margin: 0;padding: 0;list-style: none;width: 100%;display: block;}
.category-container.p-finder{margin: 0}
.finder_info li{background-color: #dcdcdc;}
.finder_info li a{display: block;padding: 5px 15px;border-bottom: 2px solid #fff;color: #444;font-size: 14px;text-transform: uppercase;}
.finder_info li a:hover{text-decoration: none;}
.finder_info li a svg {float: right;margin-top: 5px;}
.finder_info li ul li{background-color: #f8f8f8;}
.finder_info li ul li:nth-child(odd){background-color: #efefef;}
.finder_info li ul li a{padding: 5px 25px;text-transform: capitalize;}
/*-----------finder form----------*/
.row .finder-info{width: 100%;height: 100%;background-color: #eee;margin: 0 15px;}
.finder-info form{padding: 15px;}
.cat-finder{position: relative;display: flex;}
.cat-finder a{padding: 10px 15px;display: block;background-color: #3a80d836;color: #555;margin-right: 1px;font-weight: 600;}
.cat-finder a.active{background-color: #3a80d8;color: #fff;}
.cat-finder a:hover{text-decoration: none;color: #555;background-color: #fafafa;}
/*=============================================================
===============================================================
                        all-brands page css
===============================================================
===============================================================*/
.col-md-7.brands{padding: 0 15px 0 0;}
.brands-slide{height: 307px;width: 100%;background-color: #bbb;position: relative;overflow: hidden;}
.brand-ico{width: 100%;height: 100%;background-color: #efefef;overflow: hidden;display: flex;justify-content: center;align-items: center;opacity: .4;position: absolute;transform: rotate(30deg);-moz-transform: rotate(-30deg);-webkit-transform: rotate(-30deg);-o-transform: rotate(-30deg);z-index: 1;}
.brand-ico .fa {display: inline-block;font-size: 200px;color: #bbb;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.brand-head{position: absolute;bottom: 0;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.3);color: #ddd;padding: 20px;width: 100%;height: 100%;}
.brand-head p {position: absolute;bottom: 0;font-size: 48px;font-weight: 900;text-shadow: 0 0 5px #000;z-index: 1;color: #fff;}
.brand-list .row{width: 100%;height: auto;background-color: #eee;position: relative;margin: 5px 0;padding: 10px;}
.col-md-2.brand-info {position: relative;background-color: #fff;padding: 10px 0;border-right: 3px solid #eee;border-left: 3px solid #eee;margin-bottom: 6px;}
.col-md-2.brand-info a{color: #555;}
.col-md-2.brand-info a:hover{color: #285997;text-decoration: none;}
.col-md-2.brand-info:hover{box-shadow: 0 0 4px #999;}
.brand-name, .brand-items{display: flex;align-items: center;justify-content: center;}
/*=================================================================
===================================================================
                                blog details
===================================================================
===================================================================*/
.col-md-8.blog{padding-left: 15px;padding-right: 0;}
.cover-slide {display: flex;align-items: center;justify-content: center;z-index: 1;}
.main-blog{width: 100%;min-height: 900px;background-color: #eee;position: relative;}
.blog-title{display: table;height: 245px;width: 100%;text-align: center;}
.blog-title p{padding: 10px;font-size: 38px;font-weight: 700;color: #575757;text-shadow: -1px 1px #fff;line-height: 1.3em;display: table-cell;vertical-align: middle;overflow: hidden;}
.blog-content{width: 100%;height: auto;position: relative;padding: 0px 10px 15px 10px;font-size: 16px;color: #555;}
.blog-content img{width: auto;height: 350px;margin: auto;display: block;position: relative;overflow: hidden;padding: 15px 0;}
.top-device-name ol{list-style-position: inside;padding: 0;margin: 0;}
.top-device-name ol li{padding: 5px 10px;}
.top-device-name ol .device-name a{display: initial;}
.b-info p{font-size: 14px;display: inline-block;padding-right: 15px;color: #999;}
/*===========================cover slide css=============================== */
.cover-slide{width: 100%;height: 290px;position: relative;}
.cover-slide-info{width: 100%;height: 100%;position: relative;overflow: hidden;background-color: #bbb;}
.cover-slide-info::before{content: "";width: 100%;height: 45px;background-color: #000;display: block;opacity: .1;position: absolute;z-index: 111;}
.cover-slide-info::after{content: "";width: 100%;height: 45px;background-color: #000;display: block;opacity: .1;position: absolute;bottom: 0;}
/*=================================================================
-------------------------------------------------------------------
                           phone videos
-------------------------------------------------------------------
===================================================================*/
.cover-slide-info.s-cover::before, .cover-slide-info.s-cover::after{opacity: .3;z-index: 1;}
.cover-slide-info img{position: absolute;top: 0;bottom: 0;margin: auto;width: 100%;opacity: 0.4;height: auto;}
.cover-slide-info.s-cover p{position: absolute;font-size: 56px;font-weight: 700;padding: 10px 20px;bottom: 25px;color: #fff;text-shadow: 0px 3px 5px #000;}
.video-frame{height: 450px;position: relative;margin: 25px 0;}
.video-frame iframe{width: 100%;height: 100%;position: relative;border: unset;}
/*=================================================================
-------------------------------------------------------------------
                           news css
-------------------------------------------------------------------
===================================================================*/
.cover-slide-info.news-cover::before, .cover-slide-info.news-cover::after{opacity: .3;}
.cover-slide-info .n-cover{position: absolute;width: 100%;text-align: center;top: 25%;z-index: 11;}
.brands-slide.cover-slide-info.news-cover {height: 307px;}
.cover-slide-info .n-cover p{font-weight: 700;text-shadow: 0px 3px 5px #000;color: #fff;font-size: 56px;z-index: 1;}
.n-cover input[type="text"] {width: 40%;padding: 5px 0 5px 10px;border-radius: 5px 0px 0px 5px;border: unset;}
.n-cover button{padding: 5px 10px;border: unset;border-radius: 0 5px 5px 0;cursor: pointer;color: #555;}
.news-tags{position: absolute;bottom: 0;z-index: 11;width: 100%;overflow: hidden;height: 45px;display: flex;align-items: center;}
.news-tags a{color: #fff;padding: 2px 10px;display: block;float: left;background-color: #777;margin: 0 2px;border-radius: 5px;}
.news-tags a.active, .news-tags a:hover, .news-tags a:active, .news-tags a:focus{background-color: #c33333;text-decoration: none;font-weight: 500;color: #eee;}
.news-list {min-height: 500px;margin-top: 15px;position: relative;}
.news-list.row {margin-right: 0;}
.news-list.row .col-md-4{padding-right: 0;margin-bottom: 15px;}
.news-item{width: 100%;height: 340px;background-color: #eee;float: left;border: 1px solid #ddd;}
.item-pic{height: 180px;width: 100%;position: relative;background-color: #000;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.news-item img{height: auto;width: 110%;position: relative;}
.item-content {padding: 5px 8px;font-size: 16px;color: #333;height: 140px;overflow: hidden;}
.item-content span {width: 100%;height: 50px;display: block;overflow: hidden;}
.item-content p{font-size: 12px;margin: 5px 0;color: #666;}
.item-footer {position: relative;font-size: 10px;color: #bbb;padding-left: 10px;font-weight: 600;bottom: 3px;}
/*=================================================================
===================================================================
                            pagination
===================================================================
===================================================================*/
nav{display: inline-block;float: right;width: 100%;padding: 0 5px;}
.pagination {display: -ms-flexbox;flex-wrap: wrap;display: flex;padding-left: 0;list-style: none;border-radius: 0.25rem;float: right;}
.page-item{padding: 5px 0 2px 0;}
.page-item.active .page-link{background-color: #c33333;border-color: #c33333;}
.page-link{color: #333;}
.page-link:focus{box-shadow: 0 0 0 0.2rem rgba(195, 51, 51, 0.11);}
/*=================================================================
===================================================================
                            tools
===================================================================
===================================================================*/
.cover-slide-info .tools-title {font-size: 56px;color: #eee;font-weight: 600;text-shadow: 0 3px 5px #000;position: absolute;width: 100%;text-align: center;z-index: 11;height: 100%;display: flex;justify-content: center;align-items: center;}
.tools{width: 100%;min-height: 300px;height: auto;position: relative;margin: 10px 0;}
.tools a:hover{text-decoration: none;}
.tools .tools-item{position: relative;width: 100%;min-height: 130px;background-color: #fff;border: 1px solid #ddd;margin-top: 10px;overflow: hidden;}
.tools-item .t-img{width: 15%;min-height: 130px;background-color: #fff;position: relative;overflow: hidden;float: left;display: flex;justify-content: center;align-items: center;}
.t-img img{width: 100%;height: auto;}
.t-title {padding-top: 5px;position: relative;}
.t-title span{padding: 0 10px;position: relative;color: #c33333;font-weight: 600;font-size: 18px;}
.t-content-info{padding: 5px 10px;display: table-cell;color: #555;font-size: 16px;}
/*=================================================================
-------------------------------------------------------------------
                           Battery test
-------------------------------------------------------------------
===================================================================*/
.battery-content{width: 100%;position: relative;background-color: #efefef;}
.battery-info{min-height: 400px;margin-top: 10px;}
.b-content {font-size: 14px;color: #333;position: relative;padding:5px 10px;}
.battery-range h4{text-align: center;padding-bottom: 10px;font-weight: 600;color: #555;}
.b-range {width: 100%;position: relative;font-size: 16px;color: #555;}
.b-range label{width: 20%;text-align: right;padding: 0 10px;}
.b-range span{width: 10%;text-align: right;}
input#batteryRange{-webkit-appearance: none;width: 70%;height: 10px;background: #d3d3d3;outline: none;opacity: 0.7;-webkit-transition: .2s;transition: opacity .2s;border-radius: 5px;}
input#batteryRange::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 20px;height: 20px;border-radius: 10px;background-color: #3a80d8;cursor: pointer;}
.battery-info-table{width: 100%;position: relative;margin-top: 15px;}
.battery-info-table table{width: 100%;text-align: center;}
.battery-info-table thead{background-color: #5d85b6;color: #eee;}
.battery-info-table thead th{padding: 8px 0;}
.battery-info-table tbody td{padding: 5px 0;border: 1px solid #ddd;font-size: 14px;color: #555;}
.battery-info-table tbody tr:nth-child(odd){background-color: #fff;}
/*=================================================================
===================================================================
                                Footer pages
===================================================================
===================================================================*/
.page{width: 100%;min-height: 400px;background-color: #efefef;position: relative;margin: 0 15px;}
.page.page-item{padding: 10px 120px;}
.page-info {width: 100%;min-height: 200px;background-color: #fff;position: relative;}
.page-title {width: 100%;position: relative;}
.page-title h3 {padding: 10px 20px 15px 15px;border-bottom: 1px solid #eee;color: #555;}
.page-content{width: 100%;position: relative;padding: 20px 0;}
.pages-item-head {width: 100%;display: flex;position: relative;margin-bottom: 10px;}
.pages-item-head a{padding: 0 10px 0 0;color: #3a80d8;font-size: 16px;}
.pages-item-head a:hover{text-decoration: none;color: #333;}
.pages-item-head svg{margin-top: 8px;margin-right: 10px;color: #888;}
.pages-item-head p{margin: 0;color: #555;font-size: 16px;}
.page-desc {width: 100%;height: auto;position: relative;padding: 0 15px;color: #555;font-size: 16px;}
.page-desc img{width: 90%;height: auto;position: relative;display: block;padding-bottom: 10px;margin: auto;}
/*=================================================================
===================================================================
                                Contact us
===================================================================
===================================================================*/
.page-content ul{list-style: none;padding: 0;}
.page-content ul li a{color: #555;font-size: 16px;padding: 8px 20px;display: block;border-bottom: 1px solid #ddd;}
.page-content ul li a:hover{text-decoration: none;}
.page-content ul a .fa{color: #fff;border: 2px solid #aaa;border-radius: 10px;font-size: 14px;margin-right: 5px;}
.page-content ul li.active{background-color: #5c8bc5;}
.page-content ul li.active a{color: #fff;}
.page-content li.active a i.fa.fa-circle{color: #5c8bc5;border: 2px solid #fff;}
.contact-form {margin-top: 10px;padding: 15px;width: 100%;position: relative;display: inline-block;background-color: #efefef;}
.contact-dsc {font-size: 16px;color: #555;background-color: #efefef;padding: 15px;}
.contact-form .form-group{width: 100%;display: -webkit-box;display: -webkit-inline-box;}
/*=================================================================
===================================================================
                                error
===================================================================
===================================================================*/
.error{width: 100%;min-height: 200px;background-color: #fff;position: relative;display: flex;justify-content: center;align-items: center;}
.e-img img{width: 100%;height: auto;}
.error-content p{margin: 0;line-height: 1.4em;text-align: center;font-weight: 600;color: #0a526a;}
.error-content p:nth-child(1){font-size: 24px;}
.error-content p:nth-child(2){font-size: 64px;}
.error-content a{text-align: center;display: block;color: #fff;background-color: #0a526a;position: relative;width: fit-content;margin: auto;padding: 5px 10px;margin-top: 10px;border-radius: 5px;font-weight: 600;}
/*=================================================================
===================================================================
                                footer
===================================================================
===================================================================*/
.footer{position: relative;top: 60px;}
.footer-one{background-color: #717171;color: #fff;padding: 0 40px;margin: 0;position: relative;display: flex;height: 60px;}
.col-md-3.footer-logo{font-size: 24px;margin: 0;padding-top: 10px;padding-left: 0;}
.col-md-3.footer-logo a img{height: 30px;width: auto;display: block;}
.footer-one ul{list-style: none;}
.footer-menu ul li, .social-link ul li{float: left; margin-left: 15px;}
.footer-menu li a:hover{color: #d50000;}
.footer-one li a{color: #fff; text-decoration: none;}
.col-md-2.social-link{text-align: right;padding: 15px 0;position: relative;}
.social-link a svg{margin: 5px;fill: #fff;}
.social-link a svg:hover, .social-link a .fab:focus, .social-link a .fab:active{fill: #d50000;}
.footer-two{background-color: #616161;color: #fff;padding: 7px 40px;font-size: 14px;}
.footer-two a{color: #e6e5e5;}
.footer-two a:hover, .footer-two a:active, .footer-two a:focus{color: #d50000; text-decoration: none;}
/*=================================================================
-------------------------------------------------------------------
                            media query
-------------------------------------------------------------------
===================================================================*/
@media (min-width: 1281px) {
    /*-------main content for home page------*/
    .latest-device-one{width: 49.3%;}
}
@media (min-width: 1024px) and (max-width: 1280px) {
    .search{width: 70%;}
    .social{display: flex;}
    .social a i{padding-left: 15px;}
    /*--------slider-----*/
    .home-slider{height: 300px;}
    div#home-slide{height: 300px;}
    .slide-desc{height: 300px;padding-top: 100px;}
    /*-------main content for home page------*/
    .latest-device-one{width: 49.2%;}
    /*==========================sidebar latest devices===================*/
    .latest-device, .stored-device{overflow: hidden;}
    /*----------compare item container css-------------*/
    .compare-search .col-md-2 {width: 23%;max-width: unset !important;flex: unset;}
    .compare-search .col-md-10 {width: 77%;max-width: unset !important;flex: unset;}
    .compare-search .col-md-4 {width: 50%;max-width: unset !important;flex: unset;}
    .compare-search .col-md-4:last-child, .compare-three.info_desc {display: none;}
    .info-name{width: 10%;}
    .info-sub-name{width: 13.8%;}
    .compare-one {width: 45%;}
    .compare-two {width: 43%;}
    /*========================Category content=========================*/
    .category-item{max-width: 20%;margin-bottom: 0;}
    .cat_img {min-height: unset;height: auto;display: flex;justify-content: center;align-items: center;}
    .cat_img img {width: auto;height: 170px;margin: auto;}
    a.cat_info{width: unset;}
    /*========================phone details==============================*/
    .phone-info .phone-photo{width: 25%;position: relative;background-color: #fff;}
    .phone-info .phone-photo img{margin: auto;}
    .p-info p{margin: 0;}
    .p-all-info{margin-bottom: 2px;}
    .devices-link{width: 50%;}
    .col-md-2.category {max-width: unset;width: 20%;}
    .phoneFinder form div{max-width: 25%;}
    /*========================tools==============================*/
    .tools-item .t-img{width: 20%;}
    .t-content-info{font-size: 15px;}
    /*========================news==============================*/
    .items{height: 190px;}
    .items .item-pic{height: 189px;}
    .items .item-pic img{height: 100%;width: auto;}
    .news-item{height: auto;}
    a.item-title{height: 65px;}
    .item-pic{height: 135px;}
    /*========================videos==============================*/
    .video-frame{height: 350px;}
}

@media (min-width: 768px) and (max-width: 1023px) and (orientation: landscape){
    /*==========sidebar=============*/
    .finder-category ul li{width: 50%;}
    .devices-link{width: 50%;}
    .d-header{font-size: 14px;}
    .search{width: 70%;}
    .social{display: flex;}
    .social a i{padding-left: 15px;}
    .all-brands a{font-size: 12px;padding: 10px 5px;}
    .top-devices .d-header, .latest-device .d-header{height: 43px;}
    .finder-category ul li:nth-child(3n+2){background-color: unset;border-left: unset;border-right: unset;}
    .header-menu ul{padding: 5px 15px 0 15px;}
    .header-menu ul li {border: 1px solid #fff;margin-bottom: 5px;}
    .header-menu ul li:last-child {border-right: 1px solid #fff;}
    .r-drop{width: 20%;}
    /*==================slider==========================*/
    .home-slider{height: 260px;}
    div#home-slide{height: 260px;}
    .slide-desc{height: 260px;padding-top: 70px;}
    /*===============main content for home page==============*/
    .device-container.comming-device {height: 260px;}
    .latest-device-one{width: 48.9%;height: 100%;}
    .img-title{margin-top: 50px;font-size: 18px;}
    .device-container.compare-device {height: 260px;}
    .slide-desc h1{font-size: 32px;}
    .compare-info h2{font-size: 22px;}
    .compare-info p{padding: 2px 5px;font-size: 12px;margin-bottom: 3px;}
    .compare-device .latest-device-one .compare-info{padding: 15px;}
    .items{height: 215px;}
    a.item-title{height: 95px;}
    .item-desc {height: 75px;margin: 0;padding-top: 25px;}
    .read-more{margin: 0;}
    /*========================Category content=========================*/
    .category-item {max-width: 25%;min-height: 180px;margin-bottom: 0;}
    .cat_img {min-height: unset;height: auto;display: flex;justify-content: center;align-items: center;}
    .cat_img img {width: auto;height: 170px;margin: auto;}
    a.cat_info{width: unset;}
    .col-md-2.category {max-width: unset; width: 25%;}
    .post-container .category-item {max-width: 33.33%;}
    /*==========================sidebar latest devices===================*/
    .latest-device, .stored-device{min-height: 230px;}
    .l-devices {padding: 0;width: 100%;display: flex;position: relative;overflow-y: scroll;padding-bottom: 10px;}
    .devices-link{overflow: unset;width: auto;}
    .devices-link img{width: auto;}
    .devices-link span{padding: 5px 0;font-size: 12px;}
    /*=================compare item container css=================*/
    .compare-search .col-md-2 {display: none;}
    .compare-search .col-md-10 {width: 100%;max-width: unset !important;flex: unset;}
    .compare-search .col-md-4 {width: 50%;max-width: unset !important;flex: unset;}
    .compare-search .col-md-4:last-child, .compare-three.info_desc {display: none;}
    .info-name{width: 10%;}
    .info-sub-name{width: 13.8%;}
    .compare-one {width: 45%;}
    .compare-two {width: 43%;}
    .i_compare{display: unset;}
    .p_info{margin-bottom: 10px;width: 100%;}
    .info-name{width: 100%;display: block;font-weight: 600;font-size: 18px;text-align: left;}
    .compare-side {border-top: 1px solid #ddd;}
    /*========================phone details==============================*/
    .d-items .i_compare{border: unset;}
    .d-items .info-name, .d-items .compare-side {width: 100%;text-align: left;}
    .d-items .info-sub-name{width: 25%;}
    .d-items .compare-one {width: 75%;}
    .p-slide{height: auto;}
    .p-slide .phone-info{display: inline-block;height: auto;}
    .phone-info .phone-photo img{position: relative;display: flex;margin: auto;}
    .phone-info .phone-photo{width: 100%;height: 200px;background-color: #fff;}
    .finder-category ul li:nth-of-type(2n+1){border-right: 1px solid #bbb;}
    .phone-dtls{width: 100%;}
    .p-info p{width: 100%;margin: 0;padding-bottom: 5px;}
    .p-all-info{width: 50%;padding-bottom: 10px;}
    .p-announce span, .p-release span{display: block;}
    .p-slide .phone-slide-footer{position: relative;padding: 10px;}
    .p-slide .phone-slide-footer p {display: none !important;}
    .p-slide .phone-slide-footer ul{padding: 0;margin: 0;position: inherit;width: 100%;}
    .p-slide .phone-slide-footer ul li:last-child{margin-left: auto;}
    .p-slide .phone-slide-footer ul li a{padding: unset;}
    .d_photo a{width: 40%;}
    .phoneFinder form div{max-width: 50%;}
    /*========================all-brands page==============================*/
    .brands-slide{height: 320px;}
    .brand-ico .fa{font-size: 190px;}
    .brand-head p{font-size: 36px;display: flex;justify-content: center;align-items: center;position: relative;height: 100%;}
    .col-md-2.brand-info{max-width: 25% !important;flex: unset !important;}
    /*====================blog-details=========================*/
    .blog-title p{font-size: 28px;}
    /*============================phone videos========================*/
    .cover-slide{height: 230px;}
    .video-frame{height: 250px;}
    /*========================tools==============================*/
    .tools-item .t-img{width: 25%;}
    .t-content-info{font-size: 15px;}
    .cover-slide-info .tools-title{font-size: 46px;line-height: 1.2em;}
    /*============================news========================*/
    .news-list.row .col-md-4{max-width: 50% !important;flex: unset;}
    .brands-slide.cover-slide-info.news-cover {height: 250px;}
    .n-cover input[type="text"]{width: 60%;}
    /*========================battery test==============================*/
    .battery-content{display: none;}
    /*========================rumored mill==============================*/
    .col-md-3.rumor-item {max-width: 50% !important;}
    .rumor-list{height: auto;}
    .cover-slide-info .n-cover{top: 18%;}
    /*========================news==============================*/
    .item-pic{height: auto;}
    .news-item{height: auto;}
    /*========================blog-details page==============================*/
    .blog-content img{width: 100% !important;height: auto !important;}
    /*========================footer pages css==============================*/
    .page.page-item{padding: 10px 30px;}
    /*====================footer=========================*/
    .footer-menu ul li, .social-link ul li{margin-left: 10px;}
    .footer-one{height: 75PX;}
    .col-md-3.footer-logo{padding: 15px 0 0 0;}
    .footer-logo a{font-size: 22px;}
}
@media only screen and (max-width: 767px) {
    /*================header===================*/
    .search{display: none;}
    .social{display: none;}
    .header .row .col-md-4:first-child{display: flex;}
    .phone_search{display: inline-block; margin-left: auto;padding: 0 10px;}
    .tCode{display: block;margin-top: -2px;}
    span.c-code{margin-left: 0;}
    .r-drop{width: 25%;}
    .logo {float: left;}
    .header-menu {padding: 0 40px;}
    .header-menu ul{padding: 5px 5px 0 5px;}
    .header-menu ul li {border: 1px solid #fff;margin-bottom: 5px;}
    .header-menu ul li:last-child {border-right: 1px solid #fff;}
    .header-menu ul li a{padding: 5px 10px;}
    /*=============main container for home================*/
    .home-slider{display: none;}
    .latest-items{padding-top: 15px;}
    .col-md-8.d-items { padding-left: 15px;}
    .latest-device-one:first-child {margin-right: unset;}
    .latest-device-one{width: 50%;}
    .latest-device-one:last-child {padding-left: 10px;}
    .latest-device-one.c_device2 {padding-left: 10px;}
    .latest-device-one.c_device {margin-right: unset;}
    .item-desc{height: 85px;}
    /*========================Category content=========================*/
    .col-md-8.d-items.p-details{padding: 0 15px;}
    .col-md-2.category {width: 25%;}
    .category-item {width: 25%;min-height: 180px;margin-bottom: 0;}
    a.cat_info{min-height: 100%;width: auto;}
    .cat_img{height: 100%;min-height: 175px;}
    .cat_img img{width: auto;height: 170px;object-fit: cover;margin: unset; border:unset;}
    .cat_info span{border-top: 1px solid #ddd;padding: 0 10px;}
    .post-container .category-item {max-width: 50%;}
    /*==========================sidebar latest devices===================*/
    .latest-device, .stored-device{min-height: 230px;}
    .l-devices {padding: 0;width: 100%;display: flex;position: relative;overflow-y: scroll;padding-bottom: 10px;}
    .devices-link{overflow: unset;width: auto;}
    .devices-link img{width: auto;}
    .devices-link span{padding: 5px 0;font-size: 12px;}
    .img-title{font-size: 22px;margin-top: 35px;}
    .compare-info h2{font-size: 22px;}
    .compare-info p{font-size: 12px;}
    /*=================compare item container css=================*/
    .compare-search .col-md-2 {display: none;}
    .compare-search .col-md-10 {width: 100%;max-width: unset !important;flex: unset;}
    .compare-search .col-md-4 {width: 50%;max-width: unset !important;flex: unset;}
    .compare-search .col-md-4:last-child, .compare-three.info_desc {display: none;}
    .info-name{width: 10%;}
    .info-sub-name{width: 13.8%;}
    .compare-one {width: 45%;}
    .compare-two {width: 43%;}
    .i_compare{display: unset;}
    .p_info{width: 100%;}
    .info-name{width: 100%;display: block;font-weight: 600;font-size: 18px;text-align: left;}
    .compare-side {border-top: 1px solid #ddd;}
    .p-compare .compare-img,.compare-img-info{width: 50%; height: 100%;}
    /*========================phone details==============================*/
    .d-items .i_compare{border: unset;}
    .d-items .info-name, .d-items .compare-side {width: 100%;text-align: left;}
    .phone-info .phone-photo{width: 30%;position: relative;}
    .phone-dtls{width: 70%;position: relative;}
    .p-all-info{margin-bottom: unset;}
    .p-info p{width: 50%; margin: 0;}
    .p-slide .phone-slide-footer p {display: none !important;}
    /*========================phone finder==============================*/
    .row .finder-info{margin-left: 0;margin-top: 10px;}
    .phoneFinder form div{width: 50%;}
    /*========================all-brands page==============================*/
    .col-md-7.brands{padding: 0 15px;}
    .brands-slide{height: 270px;}
    .brand-ico .fa{font-size: 190px;}
    .col-md-2.brand-info{width: 25%;}
    /*====================blog-details=========================*/
    .col-md-4.bolg-sidebar {padding-right: 0px;padding-top: 15px;}
    /*============================news========================*/
    .news-list.row .col-md-4{max-width: 50% !important;flex: unset;padding-left: 15px;}
    .n-cover input[type="text"]{width: 60%;}
    /*========================videos==============================*/
    .video-frame{height: 350px;}
    /*========================tools==============================*/
    .tools-item .t-img{width: 20%;}
    .t-content-info{font-size: 15px;}
    /*========================battery test==============================*/
    .battery-content{display: none;}
    /*========================Contaact us==============================*/
    .page-content ul li a{padding: 8px;}
    .contact-form .form-group{display: inline-block;}
    /*========================footer pages css==============================*/
    .page.page-item{padding: 10px 30px;}
    .page{margin: 0;}
    .page-content{padding-top: 0;}
    /*========================rumored mill==============================*/
    .col-md-3.rumor-item {width: 25%;height: auto;position: relative;}
    .c-menu{display: none;}
    /*====================footer=========================*/
    .footer-one{height: 90PX;}
}
@media (min-width: 481px) and (max-width: 640px) {
    /*===================main container for home =============================*/
    .latest-device-one{width: 100%;}
    .device-container.comming-device, .device-container.compare-device {height: 610px;}
    .items{height: 240px;}
    .items .item-pic{height: 120px;padding: 0;width: 30%;}
    .items .item-pic img{width: auto;height: 100%;}
    a.item-title{margin-left: 30%;font-size: 22px;height: 105px;}
    .item-desc{margin-left: unset;height: 70px;}
    .read-more{margin-left: unset;top: 0px;}
    /*========================Category content=========================*/
    .category-list {padding: 10px;margin: 0;}
    .col-md-2.category {width: 33.33%;}
    .category-container {padding: 10px;}
    .category-item {width: 50%;min-height: 180px;}
    a.cat_info{width: unset;}
    .cat_img{min-height: 170px;}
    .cat_img img{width: auto;height: 170px;object-fit: cover;margin: unset; border:unset;}
    .cat_info span{border-top: 1px solid #ddd;padding: 0 10px;}
    /*=================compare item container css=================*/
    .compare-side{display: unset;}
    .compare-one, .compare-two {width: 50%;display: flex;float: left;}
    .info-sub-name{width: 100%;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background-color: #eee;}
    .info-name{display: flex;justify-content: unset;}
    .p_info{display: flow-root;border-bottom: 1px solid #ddd;}
    /*========================phone details==============================*/
    .p-slide{height: auto;}
    .p-slide .phone-info{display: inline-block;height: auto;}
    .phone-info .phone-photo img{position: relative;display: flex;margin: auto;}
    .phone-info .phone-photo{width: 100%;height: 200px;background-color: #fff;}
    .phone-dtls{width: 100%;}
    .p-info p{width: 100%;margin: 0;padding-bottom: 5px;}
    .p-all-info{width: 50%;padding-bottom: 10px;}
    .p-slide .phone-slide-footer{position: relative;}
    .p-slide .phone-slide-footer ul{padding: 0;margin: 0;position: inherit;width: 100%;}
    .p-slide .phone-slide-footer ul li:last-child{margin-left: auto;}
    .p-slide .phone-slide-footer ul li a{padding: unset;}
    /*========================rumored mill==============================*/
    .col-md-3.rumor-item {width: 33.33%;}
    /*========================footer pages css==============================*/
    .page.page-item{padding: 15px;}
    /*========================battery test==============================*/
    .battery-content{display: none;}
    /*========================footer==============================*/
    .footer-one{display: block; min-height: 190px;text-align: center;}
    .col-md-2.social-link{text-align: center;}
    .footer-menu ul{padding: 0; margin: 0;}
    .footer-menu ul li{float: unset; margin-left: unset;}
    .social-link ul{padding: 10px; margin: 0;}
    .footer-two{padding: 7px 20px;}
    .col-md-3.footer-logo{display: flex;justify-content: center;padding-left: unset;}
}
@media (min-width: 320px) and (max-width: 480px) {
    /*=======================header=========================*/
    .header{padding: 10px 20px;}
    .header-menu{padding: 0 15px;}
    .header-menu ul {padding: 5px 5px 0 5px;}
    .header-menu ul li{border: 1px solid #fff;margin-bottom: 5px;}
    .header-menu ul li:last-child{border-right: 1px solid #fff;}
    .header-menu ul li a{padding: 5px;}
    .logo {float: left;}
    .col-md-4.c-menu {display: none;}
    .r-drop{width: 45%;}
    /*======================head search========================*/
    div#search-bar {top: 55px;position: relative;text-align: center;width: 100%;}
    .head_search{padding: 10px;background-color: #bbb;}
    #search-bar input[type=text] {padding: 6px;font-size: 17px;border: none;}
    #search-bar input:focus, #search-bar input:hover,#search-bar input:active{border: 1px solid #3a80d8;}
    #search-bar .head_search button {padding: 6px 10px;background: #ddd;font-size: 17px;border: none;cursor: pointer;color: #888;border-radius: 0 5px 5px 0;}
    #search-bar .head_search button:hover, #search-bar .head_search button:focus,#search-bar .head_search button:active {background: #ccc;border: 1px solid #3a80d8;}
    /*=========================home container===========================*/
    .main-container{padding: 70px 15px 10px 15px;min-height: 475px;}
    .main-container .col-md-4{padding: 0 5px;}
    /*---sidebar---*/
    .sidebar{margin: 0 10px;}
    .finder-category ul li{width: 50%;}
    .finder-category ul li:nth-child(3n+2){background-color: unset;border-left: unset;border-right: unset;}
    .finder-category ul li:nth-of-type(2n+1){border-right: 1px solid #bbb;}
    /*===================main container for home =============================*/
    .home-slider{display: none;}
    .latest-items{padding-top: 15px;}
    .col-md-8.d-items { padding-left: 15px;}
    .latest-device-one:last-child {padding-left: unset; }
    .latest-device-one{width: 100%; height: 220px; }
    .device-container.comming-device, .device-container.compare-device {height: 450px;}
    .compare-device .compare-ico svg{transform: rotate(90deg);}
    .items{height: 300px;}
    .items .item-pic{height: 130px;padding: 5px 0px 0 10px;width: 100%;}
    .items .item-pic img{width: auto;height: 100%;}
    a.item-title{margin-left: unset;font-size: 18px;height: 55px;line-height: 24px;margin-top: 130px;}
    .item-desc{margin-left: unset;height: 70px;}
    .read-more{margin-left: unset;top: 0px;}
    /*========================Category content=========================*/
    .col-md-2.category {width: 50%;}
    .category-container {padding: unset;}
    .category-item {width: 50%;min-height: 180px;}
    a.cat_info{min-height: 100%;width: unset;}
    .cat_img{min-height: unset; height: auto;display: flex;justify-content: center;align-items: center;}
    .category-container.upcmng {margin: 10px 0;}
    .cat_img img{width: auto;height: 170px;margin: auto;}
    /*=================compare item container css=================*/
    .compare-container{padding: 5px;}
    .row.compare-search {padding: 10px;}
    .compare-with input[type="text"], .compare-with select{width: 100%; border-radius: 5px;}
    .compare-with button{width: 60%;margin: auto;border-radius: 5px;display: flex;justify-content: center;margin-top: 5px;}
    .photo-compare h4{font-size: 14px;}
    .photo-compare{height: 205px;}
    .p-compare .compare-img, .compare-img-info {width: 100%;height: 100%;}
    .compare-img-info {display: none;}
    .compare-side{display: block;}
    .compare-one, .compare-two {width: 50%;display: flex;float: left;overflow: hidden;}
    .info-sub-name{width: 100%;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background-color: #eee;font-size: 16px;}
    .info-name{display: flex;justify-content: unset;}
    .p_info{display: flow-root;border-bottom: 1px solid #ddd;}
    .compare-img img{height: 150px;}
    /*========================phone details==============================*/
    .p-slide{height: auto;}
    .p-slide .phone-info{display: inline-block;height: auto;}
    .phone-info .phone-photo{width: 100%;height: 200px;background-color: #fff;}
    .p-slide .phone-slide-header h1{font-size: 18px;overflow: hidden;line-height: 20px;}
    .phone-dtls{width: 100%;}
    .p-info{display: inline-block;}
    .p-info p{width: 100% !important;margin: 0;padding-bottom: 5px;}
    .p-all-info{width: 50%;}
    .p-slide .phone-slide-footer{position: relative;}
    .p-slide .phone-slide-footer ul{padding: 0;margin: 0;position: inherit;width: 100%;}
    .p-slide .phone-slide-footer ul li:last-child{margin-left: auto;}
    .p-slide .phone-slide-footer ul li a{font-size: 18px;padding: 11px 8px;}
    .phone-info .phone-photo img{position: relative;display: flex;margin: auto;}
    .col-md-8.d-items.p-details {padding: 0 15px;}
    .d-items .i_compare{border: unset;}
    .d-items .info-name, .d-items .compare-side {width: 100%;border: unset;}
    .d-items .info-sub-name {width: 100%;}
    .d_photo a{width: 100%;margin: 10px 0;}
    /*========================phone finder==============================*/
    .row .finder-info{margin-left: 15px;margin-top: 10px;}
    .col-md-7.finder-items {padding: 5px 15px;}
    .finder-slide {height: 190px;}
    .finder-feature p{font-size: 36px;}
    .category-container.p-finder{margin-top: 10px;}
    .phoneFinder form div{width: 100%;}
    /*========================all-brands page==============================*/
    .category-list.cat-list {display: none;}
    .col-md-7.brands{padding: 0 15px;}
    .brands-slide{height: 170px;}
    .brand-ico .fa{font-size: 130px;}
    .col-md-2.brand-info{width: 50%;}
    .brand-head p{font-size: 28px;display: flex;justify-content: center;align-items: center;position: relative;height: 100%;}
    /*========================blog-details page==============================*/
    .col-md-8.blog{padding-right: 15px;}
    .blog-title{margin-top: 23%;}
    .blog-content{padding: 15px 10px;}
    .blog-title p{font-size: 22px !important;padding: 0;}
    .blog-content img{width: 100% !important;height: auto !important;}
    .col-md-4.bolg-sidebar {padding-top: 15px;}
    /*============================phone videos========================*/
    .cover-slide{height: 150px;}
    .cover-slide-info.s-cover::before, .cover-slide-info.s-cover::after{height: 30px;}
    .video-frame{height: 170px;}
    .cover-slide-info.s-cover p{bottom: unset;height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;}
    /*============================News========================*/
    .brands-slide.cover-slide-info.news-cover {height: 200px;}
    .cover-slide-info .n-cover{top: 16%;}
    .cover-slide-info .n-cover p{font-size: 36px;margin: 0;padding: 10px;}
    .n-cover input[type="text"]{width: 60%;}
    .item-pagination a{padding: 7px 15px;}
    /*========================tools==============================*/
    .tools .tools-item{height: auto;}
    .cover-slide-info .tools-title{font-size: 36px;line-height: 1.2em;}
    .tools-item .t-img{width: 100%;margin-bottom: 5px;}
    .t-img img{width: 35%;margin-top: 5px;}
    /*========================battery test==============================*/
    .battery-content{display: none;}
    /*========================Contaact us==============================*/
    .page-content ul li a{padding: 8px;}
    .page-content .card-body{padding: 5px;}
    .contact-dsc{padding: 5px 8px;}
    .contact-form .form-group{display: inline-block;}
    /*========================footer pages css==============================*/
    .page.page-item{padding: 10px;}
    .page{margin: 0;}
    .page-content{padding-top: 0;}
    /*========================rumored mill==============================*/
    .col-md-3.rumor-item {width: 50%;min-height: unset;}
    .rumor-list{height: 100%;min-height: 220px;}
    /*========================news==============================*/
    .item-pic{height: auto;}
    .news-item{height: auto;}
    /*========================search==============================*/
    .cat_empty{font-size: 28px;padding-top: 5px;}
    /*========================footer==============================*/
    .footer{top: 20px;}
    .footer-one{display: block; min-height: 205px;text-align: center;}
    .col-md-2.social-link{text-align: center;padding: 5px 0;}
    .footer-menu ul{padding: 0; margin: 0;}
    .footer-menu ul li{float: unset; margin-left: unset;}
    .social-link ul{padding: 10px; margin: 0;}
    .footer-two{padding: 7px 20px;}
    .col-md-3.footer-logo{display: flex;justify-content: center;padding-left: inherit;}
}